:root{--navy:#111c31;--navy-soft:#1b2a43;--blue:#3465ef;--blue-soft:#eef3ff;--ink:#1b293e;--muted:#8390a4;--line:#e9edf3;--background:#f6f8fc;--green:#24a883;--red:#e0606b;--orange:#dba251;--radius:14px;--shadow:0 4px 22px #17234404;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--background);font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a8bfff;outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.initial-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:10px}.spinner{width:24px;height:24px;border:3px solid #dae3f8;border-top-color:var(--blue);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#9daac1;position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;padding:30px 20px 18px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;color:white}.brand-mark{display:grid;place-items:center;background:#3b68ef;width:35px;height:35px;border-radius:10px;box-shadow:0 4px 14px #3465ef38}.brand-mark .icon{width:23px;height:23px}.brand-name{font-size:23px;font-weight:750;letter-spacing:2px}.brand-caption{font-size:10px;letter-spacing:2px;margin-top:3px;color:#8d9bb4}.sidebar-label{font-size:10px;font-weight:600;letter-spacing:2px;color:#60718f;margin:38px 15px 13px}.nav-list{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:none;text-align:left;padding:13px 15px;border-radius:8px;color:#93a2bb;width:100%;font-size:13px;line-height:1.35;transition:background .16s,color .16s}.nav-item .icon{width:18px;height:18px;opacity:.9}.nav-item:hover{background:#1b2a43;color:#e4ecff}.nav-item.active{background:#3465ef;color:white;box-shadow:0 5px 14px #00000016}.nav-counter{font-size:10px;border-radius:5px;background:#ffffff1c;padding:2px 5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:22px}.supplier-link{padding:15px 13px;border:1px solid #29354b;border-radius:9px;font-size:11px;color:#b8c5db;display:flex;gap:10px;align-items:center}.supplier-link strong{display:block;color:#d8e1f0;font-size:12px;font-weight:500;margin-bottom:4px}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.sidebar-footer{font-size:10px;color:#62728d;text-align:center;padding-top:20px;letter-spacing:1px}.main-shell{grid-column:2;min-width:0}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:24px}.breadcrumb{font-size:12px;color:#8a96a7;display:flex;align-items:center;gap:12px;white-space:nowrap}.breadcrumb strong{font-weight:500;color:#3b485b}.topbar-right{display:flex;align-items:center;gap:21px}.top-search{position:relative;display:flex;align-items:center;gap:9px;color:#9ca8ba}.top-search .icon{width:16px;height:16px}.top-search input{border:0;outline:0;background:transparent;width:165px;font-size:11px;color:var(--ink)}.keycap{border:1px solid #e9edf3;border-radius:4px;padding:2px 5px;font-size:9px;color:#a3adbd;white-space:nowrap}.top-divider{width:1px;height:23px;background:var(--line)}.icon-button{border:0;background:transparent;padding:6px;color:#8390a3;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;position:relative}.icon-button:hover{background:#f0f4fb;color:var(--blue)}.notification-dot{position:absolute;top:4px;right:5px;border-radius:50%;width:5px;height:5px;background:#fa8d73;border:1px solid white}.user-menu{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;background:#e7edfd;color:#4366ab;font-size:12px;font-weight:650;border-radius:50%;width:32px;height:32px;flex-shrink:0}.user-name{font-size:12px;font-weight:550}.user-role{font-size:10px;color:#a0aaba;margin-top:3px}.logout-btn{background:none;border:0;color:#9ca8b8;font-size:11px;padding:5px}.mobile-toggle{display:none}.content{padding:31px 38px 24px;max-width:1660px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;margin-bottom:8px}.page-heading h1{font-size:25px;font-weight:650;letter-spacing:.5px;line-height:1.3;margin:0}.page-heading p{font-size:12px;color:var(--muted);margin:9px 0 0;line-height:1.6}.heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.date-chip{font-size:11px;color:#748095;display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:7px;padding:10px 12px}.date-chip .icon{width:14px;height:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:1px solid #e3e8f0;background:#fff;border-radius:7px;font-size:12px;font-weight:550;white-space:nowrap;line-height:1.3;transition:background .15s,box-shadow .15s}.btn:hover{background:#f7f9fd;border-color:#d1daea}.btn .icon{width:15px;height:15px}.btn-primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 7px #3465ef18}.btn-primary:hover{background:#2857da;border-color:#2857da}.btn-danger{color:var(--red);background:#fff3f4;border-color:#ffdcdf}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn-sm{padding:7px 11px;font-size:11px}.btn-block{width:100%}.text-btn{background:none;border:0;padding:0;font-size:11px;color:var(--blue);display:inline-flex;align-items:center;gap:5px}.text-btn:hover{text-decoration:underline}.demo-banner{display:flex;align-items:center;gap:10px;font-size:11px;border-radius:8px;background:#eff3fc;color:#6c7d9c;border:1px solid #e4eaf6;padding:10px 14px;margin-bottom:22px;line-height:1.7}.demo-banner .icon{width:15px;height:15px;color:#6b88ca}.demo-banner strong{font-weight:600;color:#526fa7}.demo-banner .text-btn{margin-left:auto;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px 23px;position:relative;box-shadow:var(--shadow)}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.stat-title{font-size:12px;color:#7b879a}.stat-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#eff3ff;color:#5a7eeb}.stat-icon.green{background:#eaf8f3;color:#42ae93}.stat-icon.violet{background:#f1edfd;color:#9679da}.stat-icon.orange{background:#fff5e9;color:#dbaa65}.stat-icon .icon{width:18px;height:18px}.stat-value{font-size:29px;font-weight:650;letter-spacing:.3px;line-height:1.15;font-variant-numeric:tabular-nums}.stat-value .currency{font-size:18px;margin-right:3px;font-weight:500}.stat-meta{font-size:10px;color:#a0a9b8;margin-top:14px;display:flex;align-items:center;gap:7px}.trend{color:#31aa86;background:#edf9f4;border-radius:4px;padding:2px 4px;font-size:10px}.stat-meta .icon{width:10px;height:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px}.main-column,.aside-column{display:grid;align-content:start;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 24px 0}.panel-title{font-size:14px;font-weight:650;margin:0;display:flex;align-items:center;gap:8px}.panel-subtitle{font-size:10px;color:#a0aaba;margin-top:7px;line-height:1.6}.panel-body{padding:21px 24px}.chart-tabs,.segmented{display:flex;gap:3px;border-radius:6px;padding:3px;background:#f5f7fb}.chart-tabs button,.segmented button{border:0;background:none;font-size:10px;color:#99a3b3;border-radius:4px;padding:6px 10px}.chart-tabs button.active,.segmented button.active{background:white;color:#4e6fb4;box-shadow:0 1px 4px #0d2b5a0d}.chart-summary{display:flex;gap:25px;padding:22px 24px 3px}.legend{font-size:10px;color:#939eb0;display:flex;gap:6px;align-items:center}.legend i{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--blue)}.legend i.light{background:#98b6ff}.legend strong{font-size:15px;font-weight:600;color:#40506b;margin-left:6px}.revenue-chart{padding:7px 22px 17px;width:100%;height:220px;display:block}.chart-grid{stroke:#eef1f7;stroke-width:1;stroke-dasharray:3 5}.chart-label{font-size:9px;fill:#a6b0bf;font-family:inherit}.chart-line{fill:none;stroke:#4375ef;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-profit{fill:none;stroke:#aac1fb;stroke-width:1.8;stroke-dasharray:4 4}.status-heading{font-size:11px;color:#7e8b9e;display:flex;align-items:center;justify-content:space-between}.status-heading span{font-size:10px;color:#a4adbc}.provider-card{margin-top:18px;display:flex;gap:11px;align-items:center}.provider-logo{width:39px;height:39px;background:#edf2ff;color:#5275d5;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:15px}.provider-name{font-size:12px;font-weight:600}.provider-caption{font-size:10px;color:#98a3b4;margin-top:5px}.provider-card .badge{margin-left:auto}.provider-detail{margin-top:21px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:13px}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;line-height:1.5}.detail-line>span:first-child{color:#929eb0}.detail-line>span:last-child{text-align:right;color:#59677d}.provider-progress{display:flex;gap:5px;margin:18px 0 8px}.provider-progress i{height:4px;background:#5dc3a6;border-radius:3px;flex:1}.provider-progress i.muted{background:#e7edf4}.provider-foot{display:flex;justify-content:space-between;color:#a5aebd;font-size:9px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:6px}.quick-action{border:0;background:none;padding:8px 0;color:#7b8a9e;font-size:10px;display:flex;align-items:center;gap:9px;flex-direction:column}.quick-action:hover{color:var(--blue)}.quick-action span{width:39px;height:39px;background:#f3f6fc;border:1px solid #eef1f7;border-radius:10px;display:grid;place-items:center;color:#7895cc}.quick-action .icon{width:18px;height:18px}.activity-item{display:flex;gap:11px;position:relative;padding:0 0 21px;font-size:11px}.activity-item:last-child{padding-bottom:0}.activity-node{width:7px;height:7px;background:#dce5f6;border:2px solid #edf2fb;border-radius:50%;margin-top:4px;z-index:1;flex-shrink:0;box-sizing:content-box}.activity-item:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#edf0f6}.activity-item:first-child .activity-node{background:#4d7cf1;border-color:#e7efff}.activity-text{color:#758296;line-height:1.6;overflow-wrap:anywhere}.activity-time{color:#b0b8c5;font-size:9px;margin-top:5px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:500;color:#97a2b3;background:#fafbfe;font-size:10px;padding:12px 20px;border-bottom:1px solid #f0f3f8}td{padding:17px 20px;border-bottom:1px solid #f0f3f8;color:#5d6a7f}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.table-primary{color:#384a67;font-weight:550;font-size:11px}.table-secondary{color:#a1abba;font-size:10px;margin-top:5px}.table-link{font-family:inherit;border:0;background:none;color:#6483bf;cursor:pointer;padding:0;font-size:11px}.table-link:hover{color:var(--blue);text-decoration:underline}.table-header-space{margin-top:20px}.recent-table td{padding:16px 22px}.recent-table th{padding:12px 22px}.badge{font-size:9px;line-height:1.4;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:#f0f3f8;color:#8b98ab;white-space:nowrap;font-weight:500}.badge .dot{width:4px;height:4px;background:currentColor}.badge-green{background:#eaf7f1;color:#3fa783}.badge-blue{background:#edf2fe;color:#6a8ad6}.badge-orange{background:#fff5e8;color:#cc9a4e}.badge-red{background:#fff0f1;color:#da7780}.badge-violet{background:#f2edfb;color:#9477c3}.panel-footer{padding:13px 22px;border-top:1px solid var(--line);font-size:10px;color:#a1abba;display:flex;justify-content:space-between;align-items:center}.bottom-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#adb6c4;padding-top:26px;letter-spacing:.2px}.bottom-footer .dot{width:4px;height:4px;background:#86c7b4;margin-right:5px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--line)}.filter-bar .search-field{min-width:220px;max-width:340px;flex:1}.search-field{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e5eaf2;border-radius:7px;padding:0 11px;color:#9aa6b7}.search-field .icon{width:15px;height:15px}.search-field input{border:0;background:none;min-width:0;width:100%;padding:10px 0;outline:0;font-size:11px}.filter-select{padding:9px 30px 9px 12px;border:1px solid #e5eaf2;border-radius:7px;background:white;color:#77859a;font-size:11px}.filter-count{margin-left:auto;font-size:11px;color:#98a3b4}.empty-state{padding:56px 24px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;min-height:210px}.empty-state>.icon{height:34px;width:34px;color:#b2bfd6;stroke-width:1.2}.empty-state h3{font-size:14px;font-weight:600;margin:2px 0;color:#5c6f8c}.empty-state p{font-size:11px;line-height:1.8;margin:0;color:#9aa7ba;max-width:420px}.inline-notice{padding:13px 16px;border-radius:8px;font-size:11px;line-height:1.9;background:#f0f5ff;border:1px solid #e3ebfd;color:#6d83aa;display:flex;gap:10px;margin-bottom:20px}.inline-notice .icon{width:16px;height:16px;margin-top:3px}.inline-notice.warn{background:#fffaef;border-color:#f8edcf;color:#a3884c}.error-box{padding:12px 15px;background:#fff0f2;color:#cb6472;border:1px solid #ffe0e4;border-radius:7px;font-size:12px;line-height:1.7;margin-bottom:20px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.supplier-tile{padding:24px}.supplier-tile-top{display:flex;align-items:center;gap:13px;margin-bottom:22px}.supplier-tile-top .provider-logo{width:44px;height:44px}.supplier-tile-top .badge{margin-left:auto}.supplier-tile .provider-name{font-size:14px}.supplier-tile .provider-detail{margin-top:17px}.tile-actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.tile-actions .btn:last-child{margin-left:auto}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-card{padding:23px;position:relative}.product-card h3{font-size:15px;line-height:1.5;margin:15px 0 7px;color:#344866}.product-card p{font-size:11px;color:#92a0b2;line-height:1.9;margin:0;min-height:40px}.product-card .product-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 22px}.product-tags span{font-size:10px;color:#7e8fa8;background:#f5f7fb;border-radius:4px;padding:5px 7px}.product-price{font-size:24px;font-weight:650;color:#315de5}.product-price small{font-size:10px;font-weight:400;color:#9ca8b9;margin-left:5px}.product-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.table-checkbox{width:14px;height:14px;accent-color:var(--blue);cursor:pointer}.catalog-pick{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.catalog-pick:last-child{border-bottom:0}.catalog-pick label{cursor:pointer;flex:1}.catalog-pick strong{font-size:12px;font-weight:600;color:#4c5e7d}.catalog-pick p{margin:6px 0 0;font-size:11px;color:#9aa5b6;line-height:1.8}.catalog-pick .price{font-size:12px;white-space:nowrap;color:#7284a3}.catalog-pick input{margin-top:3px}.form-group{display:grid;gap:8px;margin-bottom:18px}.form-group label{font-size:11px;color:#718098;font-weight:500;display:flex;gap:6px;align-items:center}.form-group label span{font-weight:400;color:#adb5c3;font-size:10px}.field{width:100%;border:1px solid #dfe6f0;border-radius:7px;background:#fff;padding:11px 12px;color:#435470;font-size:12px;outline:0;min-width:0;transition:border .15s}.field:focus{border-color:#80a0f7;box-shadow:0 0 0 3px #3465ef0a}.field::placeholder{color:#adb7c7}.field[readonly]{background:#f7f9fc;color:#929fb3}.field-help{font-size:10px;color:#a0aaba;line-height:1.8;margin:0}.field-label-row{display:flex;justify-content:space-between}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}textarea.field{min-height:100px;resize:vertical;line-height:1.8}.checkbox-label{display:flex;align-items:center;gap:9px;color:#73829a;font-size:12px;line-height:1.7}.checkbox-label input{accent-color:var(--blue);width:15px;height:15px}.settings-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.settings-section{padding:23px 25px;border-bottom:1px solid var(--line)}.settings-section:last-child{border-bottom:0}.settings-section h3{margin:0 0 20px;font-size:13px;font-weight:600}.settings-section .form-group:last-child{margin-bottom:0}.modal-backdrop{position:fixed;inset:0;background:#111c3166;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:28px;animation:fade .15s}.modal{background:white;border:1px solid #e4e9f3;box-shadow:0 25px 100px #10294b30;border-radius:14px;width:min(100%,530px);max-height:calc(100vh - 56px);display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:min(100%,790px)}.modal-header{padding:23px 25px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:16px;font-weight:600}.modal-body{padding:23px 25px;overflow:auto}.modal-footer{padding:17px 25px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:#fcfdff}.modal-footer .btn{min-width:77px}.modal .inline-notice{margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.detail-item .label{font-size:10px;color:#9aa5b7;margin-bottom:8px}.detail-item .value{font-size:12px;color:#4f6280;line-height:1.7;overflow-wrap:anywhere}.detail-item.full{grid-column:1/-1}.detail-divider{height:1px;background:var(--line);margin:24px 0}.detail-section-title{font-size:12px;font-weight:600;margin:0 0 16px}.code-block{font-family:Consolas,monospace;background:#f5f7fb;border:1px solid #e7ecf5;border-radius:8px;padding:14px;font-size:10px;color:#6d7f9c;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-height:280px;overflow:auto}.ticket-message{background:#f6f8fc;border:1px solid #edf1f8;border-radius:8px;padding:15px;margin-bottom:12px}.ticket-message.admin{background:#f0f5ff;border-color:#e4ecff}.ticket-message-head{font-size:10px;color:#9aa8bc;display:flex;justify-content:space-between;margin-bottom:9px;gap:10px}.ticket-message p{font-size:12px;line-height:1.9;margin:0;color:#6f809a;white-space:pre-wrap;overflow-wrap:anywhere}.result-message{padding:12px 14px;border-radius:7px;font-size:11px;line-height:1.9;margin-top:14px;background:#eef8f2;color:#589174}.result-message.error{background:#fff0f2;color:#ca6d79}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.auth-art{background:#111d34;color:#fff;display:flex;flex-direction:column;padding:48px 65px;position:relative;overflow:hidden}.auth-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 80%,#3465ef23,transparent 60%),radial-gradient(ellipse at 110% 0,#296ce01a,transparent 60%);pointer-events:none}.auth-art .brand{padding:0}.auth-copy{margin:auto 0;position:relative;padding:75px 0}.auth-copy .eyebrow{color:#7793be;letter-spacing:3px;font-size:10px}.auth-copy h1{font-size:37px;line-height:1.6;font-weight:550;margin:18px 0;letter-spacing:1px}.auth-copy h1 span{color:#8daaf7}.auth-copy p{font-size:12px;color:#8495b0;line-height:2.2;max-width:330px}.auth-features{display:flex;gap:23px;margin-top:33px;color:#8a9fbe;font-size:10px}.auth-features span{display:flex;gap:7px;align-items:center}.auth-features .icon{width:13px;height:13px;color:#648bf0}.auth-illustration{position:relative;width:360px;height:150px;margin:35px 0 0;max-width:100%}.server-unit{position:absolute;border:1px solid #3b52783d;background:linear-gradient(110deg,#24375780,#192a467a);border-radius:11px;padding:16px;width:235px;box-shadow:0 15px 45px #080d1c26;transform:rotate(-7deg)}.server-unit:nth-child(2){left:55px;top:38px;transform:rotate(-7deg);background:linear-gradient(110deg,#2c436875,#1c304f)}.server-unit:nth-child(3){left:110px;top:77px;transform:rotate(-7deg);background:linear-gradient(110deg,#334c748f,#223654)}.server-line{display:flex;gap:7px;align-items:center}.server-line b{width:15px;height:4px;background:#516b95;border-radius:2px}.server-line .dot{width:4px;height:4px;margin-left:auto;background:#62d4bd;box-shadow:0 0 7px #62d4bd8a}.server-unit p{font-size:8px;letter-spacing:2px;color:#829cc5;margin:10px 0 0}.auth-footer{font-size:10px;color:#586f92;position:relative}.auth-main{display:flex;align-items:center;justify-content:center;padding:50px}.auth-form-wrap{width:350px;max-width:100%}.auth-form-wrap>.eyebrow{color:#98a5ba}.auth-form-wrap h2{font-size:27px;font-weight:600;margin:10px 0 11px}.auth-subtitle{font-size:12px;color:#98a4b7;line-height:1.9;margin-bottom:31px}.auth-form-wrap .form-group{margin-bottom:20px}.auth-form-wrap .field{padding:13px}.auth-form-wrap .btn-primary{padding:13px}.auth-switch{font-size:11px;text-align:center;color:#9ba7b9;margin-top:24px}.auth-switch button{font-size:11px;display:inline;color:var(--blue);border:0;background:none}.auth-privacy{margin-top:35px;font-size:10px;text-align:center;color:#adb7c6;line-height:1.9}.toast{position:fixed;right:28px;bottom:26px;z-index:200;display:flex;align-items:center;gap:10px;background:#fff;padding:15px 20px;border:1px solid #e4eaf4;border-radius:9px;font-size:12px;color:#5c6f8e;box-shadow:0 12px 45px #18284620;max-width:min(460px,calc(100vw - 40px));animation:toastIn .2s ease-out}.toast .icon{width:17px;height:17px;color:#4bb494}.toast.error .icon{color:#d97482}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}.hidden{display:none!important}.muted{color:#a1adbf}.mono{font-variant-numeric:tabular-nums;font-family:Consolas,"Segoe UI",monospace}.nowrap{white-space:nowrap}.truncate{max-width:210px;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;align-items:center;gap:12px}.section-space{margin-top:23px}.customer-summary{display:flex;align-items:center;gap:14px}.customer-summary .avatar{width:36px;height:36px;font-size:12px}.money-green{color:#35a383}.money-red{color:#d47b85}.catalog-intro{padding:25px;display:flex;gap:20px;align-items:center;margin-bottom:22px;background:linear-gradient(110deg,#f0f4ff,#fff)}.catalog-intro h2{font-size:19px;font-weight:600;margin:0 0 9px}.catalog-intro p{font-size:11px;color:#91a0b7;line-height:1.8;margin:0}.catalog-intro>.icon{color:#8ba7ed;width:45px;height:45px;margin-left:auto;stroke-width:1}.balance-strip{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;margin-bottom:22px}.balance-strip strong{font-size:24px;color:#4a6cd3;font-weight:600}.balance-strip p{font-size:11px;color:#9aa7ba;margin:0 0 8px}.label-hint{font-size:10px;color:#a4afc0}.loading-overlay{opacity:.6;pointer-events:none}.table-options{display:flex;gap:10px;align-items:center}.switch{width:29px;height:17px;border-radius:20px;border:0;position:relative;background:#d9e0ed;padding:0;display:inline-block;vertical-align:middle}.switch:after{content:"";width:11px;height:11px;position:absolute;top:3px;left:3px;border-radius:50%;background:white;transition:transform .2s}.switch.on{background:#5a81ef}.switch.on:after{transform:translateX(12px)}
@media(min-width:1600px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 350px}.stat-card{padding:25px}.revenue-chart{height:250px}.recent-table td{padding:20px 24px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.app-shell{grid-template-columns:210px minmax(0,1fr)}.topbar{padding:0 25px}.content{padding:28px 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-value{font-size:25px}.top-search .keycap{display:none}.top-search input{width:125px}.panel-header{padding:20px 20px 0}.panel-body{padding:20px}.stat-meta{font-size:9px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-art{padding:40px}.auth-copy h1{font-size:31px}}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.aside-column{grid-template-columns:repeat(2,minmax(0,1fr))}.aside-column .panel:last-child{grid-column:1/-1}.aside-column .panel:last-child .panel-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.activity-item:before{display:none}.activity-item{padding-bottom:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:28px}.settings-layout{grid-template-columns:1fr}.top-search{display:none}.page-grid{grid-template-columns:1fr}.auth-features{gap:13px}.auth-art{padding:35px}.auth-main{padding:40px}.auth-illustration{transform:scale(.85);transform-origin:left top}.heading-actions .date-chip{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px}.sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;background:#111c3159;z-index:25}.main-shell{width:100%}.topbar{height:65px;padding:0 18px;gap:12px}.mobile-toggle{display:flex;margin-right:0}.breadcrumb{margin-right:auto;font-size:11px;gap:8px}.breadcrumb>span:first-child,.breadcrumb>.breadcrumb-arrow{display:none}.topbar-right{gap:11px}.user-role,.user-name,.top-divider,.topbar-right>.icon-button{display:none}.user-menu{gap:8px}.avatar{width:29px;height:29px;font-size:10px}.logout-btn{font-size:10px}.content{padding:24px 18px}.page-heading{align-items:flex-start;margin-bottom:20px;gap:12px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px;max-width:260px}.eyebrow{font-size:8px;margin-bottom:7px}.heading-actions{gap:6px}.heading-actions .btn{padding:9px 10px;font-size:10px}.heading-actions .btn .icon{width:13px;height:13px}.demo-banner{font-size:10px;padding:9px 11px;gap:7px}.demo-banner .text-btn{display:none}.stats-grid{gap:11px;margin-bottom:18px}.stat-card{padding:16px}.stat-card-top{margin-bottom:13px}.stat-title{font-size:10px}.stat-icon{width:29px;height:29px}.stat-icon .icon{width:15px;height:15px}.stat-value{font-size:25px}.stat-value .currency{font-size:15px}.stat-meta{font-size:9px;gap:4px}.dashboard-grid{gap:18px}.main-column,.aside-column{gap:18px}.aside-column{grid-template-columns:1fr}.aside-column .panel:last-child .panel-body{display:block}.activity-item{padding-bottom:17px}.activity-item:before{display:block}.panel-header{padding:20px 18px 0}.panel-title{font-size:13px}.panel-body{padding:20px 18px}.panel-subtitle{font-size:9px}.chart-tabs button{padding:6px 7px}.chart-summary{padding:20px 18px 3px;gap:14px}.legend{font-size:9px}.legend strong{font-size:13px}.revenue-chart{padding:7px 12px 15px;height:200px}.recent-table td,.recent-table th{padding-left:17px;padding-right:17px}.panel-footer{padding:13px 17px}.bottom-footer{font-size:8px;gap:12px}.bottom-footer>span:last-child{display:none}.filter-bar{padding:17px 15px;gap:8px}.filter-bar .search-field{min-width:170px;max-width:none}.filter-count{display:none}.filter-select{max-width:160px;font-size:10px;padding:10px 25px 10px 10px}.catalog-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.detail-grid{gap:20px 15px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:12px}.modal-header{padding:19px}.modal-header h2{font-size:15px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.auth-shell{display:block}.auth-art{padding:25px 28px}.auth-art .brand-mark{width:30px;height:30px}.auth-art .brand-name{font-size:21px}.auth-art .brand-caption{font-size:8px}.auth-copy,.auth-footer{display:none}.auth-main{padding:46px 28px}.auth-form-wrap h2{font-size:25px}.settings-section{padding:22px 20px}.inline-notice{font-size:10px;padding:11px 13px}.supplier-tile{padding:21px}.supplier-tile-top{gap:10px}.tile-actions .btn{font-size:10px;padding:8px 10px}.tile-actions{gap:6px}.toast{right:20px;bottom:20px;font-size:11px;padding:13px 16px}.catalog-intro{padding:22px}.catalog-intro h2{font-size:17px}.catalog-intro>.icon{width:35px;height:35px}.chart-summary .legend:last-child strong{margin-left:3px}}

.preview-banner{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:16px;border:1px solid #dce5ff;background:#eaf0ff;border-radius:8px;font-size:11px;color:#6a80b1;line-height:1.8}.preview-banner .icon{width:16px;height:16px}.preview-banner .text-btn{margin-left:auto;white-space:nowrap}.preview-banner strong{color:#4c67a7;font-weight:500}.advanced-config summary{font-size:11px;color:#7a8da9;cursor:pointer;padding:5px 0}.advanced-config summary span{margin-left:5px}.advanced-config[open]{margin-bottom:15px}@media(max-width:760px){.preview-banner{flex-wrap:wrap;font-size:10px}.preview-banner .text-btn{margin-left:25px}.advanced-config summary span{display:block;margin:5px 0}}

.connection-state{display:flex;align-items:center;gap:8px;color:#9a9fae;background:#f7f8fb;border-radius:6px;padding:10px 11px;margin-top:19px;font-size:9px;line-height:1.6}.connection-state .icon{width:13px;height:13px}.connection-state.connected{color:#52a78b;background:#f0f9f5}.connection-state.demo{color:#a08bc1;background:#f6f3fb}

.chart-scope{margin-left:auto;align-self:center}.chart-scope button{padding:5px 8px;font-size:9px}.chart-summary{align-items:center}@media(max-width:760px){.chart-scope{padding:2px;gap:0}.chart-scope button{padding:4px 6px;font-size:8px}.chart-summary{gap:10px;flex-wrap:wrap}}