.crm{--a-paper:#f6f8f5;--a-panel:#fff;--a-ink:#12221f;--a-muted:#61706c;--a-faint:#8a9691;--a-line:#dbe3dd;--a-line-soft:#e8ede9;--a-accent:#08775a;--a-accent-dark:#055440;--a-accent-soft:#dcf2e9;--a-side:#0e1a15;--a-side-line:#ffffff14;--a-amber:#8a4b08;--a-amber-bg:#fff0d6;--a-red:#a53838;--a-red-bg:#fae6e4;--a-blue:#2c5aa8;--a-blue-bg:#e3edfa;--a-gray-bg:#eef1ee;--a-radius:14px;background:var(--a-paper);min-height:100dvh;color:var(--a-ink);font-variant-numeric:tabular-nums;grid-template-columns:252px minmax(0,1fr);display:grid}.crm-side{background:var(--a-side);color:#ffffffb8;flex-direction:column;height:100dvh;padding:20px 14px 16px;display:flex;position:sticky;top:0}.crm-brand{border-bottom:1px solid var(--a-side-line);color:#fff;letter-spacing:-.04em;align-items:center;gap:10px;padding:4px 10px 18px;font-size:17px;font-weight:800;display:flex}.crm-brand-tag{letter-spacing:.12em;text-transform:uppercase;color:#7ddcba;background:#08775a59;border:1px solid #7ddcba59;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:10px;font-weight:800}.crm-brand-mark{background:var(--a-accent);border-radius:9px;flex:none;width:26px;height:26px;position:relative}.crm-brand-mark:after{content:"";background:#fff;border-radius:999px;width:8px;height:8px;position:absolute;top:9px;left:9px}.crm-nav{flex-direction:column;flex:1;gap:2px;margin-top:16px;display:flex}.crm-nav-caption{letter-spacing:.14em;text-transform:uppercase;color:#ffffff57;padding:14px 10px 6px;font-size:10.5px;font-weight:800}.crm-nav a{color:#ffffffad;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.crm-nav a:hover{color:#fff;background:#ffffff0f}.crm-nav a.is-active{background:var(--a-accent);color:#fff}.crm-nav a .crm-badge{background:#ffffff24;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:800;line-height:1.3}.crm-nav a.is-active .crm-badge{background:#ffffff38}.crm-side-foot{border-top:1px solid var(--a-side-line);gap:10px;padding-top:14px;display:grid}.crm-operator{align-items:center;gap:10px;padding:0 10px;display:flex}.crm-avatar{color:#fff;background:linear-gradient(135deg,#0c8a66,#055440);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.crm-operator b{color:#fff;letter-spacing:-.01em;font-size:13px;display:block}.crm-operator span{color:#ffffff73;font-size:12px}.crm-backlink{color:#ffffff8c;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.crm-backlink:hover{color:#fff;background:#ffffff0f}.crm-main{flex-direction:column;min-width:0;display:flex}.crm-top{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--a-line);background:#f6f8f5d9;align-items:center;gap:14px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.crm-search{width:min(360px,40vw);position:relative}.crm-search>svg{color:var(--a-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.crm-search input{border:1px solid var(--a-line);background:var(--a-panel);width:100%;height:38px;color:var(--a-ink);border-radius:10px;padding:0 12px 0 34px;font-size:13.5px}.crm-search input:focus{border-color:var(--a-accent);outline:3px solid #b7e8d8}.crm-search-pop{background:var(--a-panel);border:1px solid var(--a-line);border-radius:12px;max-height:320px;padding:6px;position:absolute;top:44px;left:0;right:0;overflow:auto;box-shadow:0 16px 40px #12221f24}.crm-search-pop a{border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;display:flex}.crm-search-pop a:hover{background:var(--a-paper)}.crm-search-pop .crm-muted{font-size:12px}.crm-search-empty{color:var(--a-muted);padding:14px 12px;font-size:13px}.crm-top-right{align-items:center;gap:10px;margin-left:auto;display:flex}.crm-supplier-chip{border:1px solid var(--a-line);background:var(--a-panel);border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 13px;font-size:13px;font-weight:700;transition:border-color .15s;display:inline-flex}.crm-supplier-chip:hover{border-color:var(--a-accent)}.crm-supplier-chip .dot{background:var(--a-accent);border-radius:999px;width:7px;height:7px}.crm-supplier-chip.is-low .dot{background:var(--a-amber)}.crm-supplier-chip.is-low{background:#fffaf1;border-color:#ecd3a8}.crm-content{flex-direction:column;gap:20px;width:100%;max-width:1360px;margin:0 auto;padding:28px;display:flex}.crm-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.crm-page-head h1{letter-spacing:-.045em;margin:0;font-size:30px;line-height:1.05}.crm-page-head .crm-sub{color:var(--a-muted);margin:7px 0 0;font-size:14px}.crm-actions{flex-wrap:wrap;gap:10px;display:flex}.crm-kpis{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;display:grid}.crm-kpi{background:var(--a-panel);border:1px solid var(--a-line);border-radius:var(--a-radius);flex-direction:column;gap:6px;min-width:0;padding:18px 20px;display:flex}.crm-kpi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.crm-kpi-label{color:var(--a-muted);font-size:13px;font-weight:600}.crm-kpi-icon{background:var(--a-accent-soft);width:30px;height:30px;color:var(--a-accent-dark);border-radius:9px;flex:none;place-items:center;display:grid}.crm-kpi-icon.is-amber{background:var(--a-amber-bg);color:var(--a-amber)}.crm-kpi-icon.is-red{background:var(--a-red-bg);color:var(--a-red)}.crm-kpi-icon.is-blue{background:var(--a-blue-bg);color:var(--a-blue)}.crm-kpi-value{letter-spacing:-.045em;white-space:nowrap;font-size:29px;font-weight:780;line-height:1.05}.crm-kpi-note{color:var(--a-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.crm-kpi-note .up{color:var(--a-accent-dark);align-items:center;gap:3px;font-weight:700;display:inline-flex}.crm-kpi-note .down{color:var(--a-red);align-items:center;gap:3px;font-weight:700;display:inline-flex}.crm-panel{background:var(--a-panel);border:1px solid var(--a-line);border-radius:var(--a-radius);min-width:0}.crm-panel-head{border-bottom:1px solid var(--a-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.crm-panel-head h2{letter-spacing:-.02em;margin:0;font-size:16px}.crm-panel-head .crm-sub{color:var(--a-muted);margin:3px 0 0;font-size:12.5px;font-weight:400}.crm-panel-body{padding:20px}.crm-panel-body.is-flush{padding:0}.crm-grid-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;display:grid}.crm-grid-even{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.crm-table-wrap{overflow-x:auto}.crm-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13.5px}.crm-table th{text-align:left;color:var(--a-muted);letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--a-line);white-space:nowrap;background:var(--a-panel);padding:10px 16px;font-size:11px;font-weight:800}.crm-table td{border-bottom:1px solid var(--a-line-soft);vertical-align:middle;padding:13px 16px}.crm-table tbody tr:last-child td{border-bottom:0}.crm-table tbody tr{transition:background .12s}.crm-table tbody tr:hover{background:#fafcfb}.crm-table tr.is-clickable{cursor:pointer}.crm-table .num{text-align:right;white-space:nowrap}.crm-cell-main{align-items:center;gap:11px;min-width:0;display:flex}.crm-cell-main b{letter-spacing:-.01em;font-size:13.5px;display:block}.crm-cell-main span{color:var(--a-muted);font-size:12px;display:block}.crm-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.crm-pill:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.crm-pill--green{color:var(--a-accent-dark);background:var(--a-accent-soft)}.crm-pill--amber{color:var(--a-amber);background:var(--a-amber-bg)}.crm-pill--red{color:var(--a-red);background:var(--a-red-bg)}.crm-pill--gray{color:var(--a-muted);background:var(--a-gray-bg)}.crm-pill--blue{color:var(--a-blue);background:var(--a-blue-bg)}.abtn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.abtn:active{transform:translateY(1px)}.abtn:disabled{opacity:.5;cursor:not-allowed}.abtn--primary{background:var(--a-accent);color:#fff}.abtn--primary:hover{background:var(--a-accent-dark)}.abtn--ghost{background:var(--a-panel);border-color:var(--a-line);color:var(--a-ink)}.abtn--ghost:hover{border-color:var(--a-accent);color:var(--a-accent-dark)}.abtn--danger{background:var(--a-red-bg);color:var(--a-red)}.abtn--danger:hover{background:#f5d6d3}.abtn--sm{border-radius:8px;height:31px;padding:0 10px;font-size:12.5px}.aiconbtn{border:1px solid var(--a-line);background:var(--a-panel);width:31px;height:31px;color:var(--a-muted);cursor:pointer;border-radius:8px;place-items:center;transition:color .15s,border-color .15s;display:inline-grid}.aiconbtn:hover{color:var(--a-ink);border-color:var(--a-accent)}.aiconbtn.is-danger:hover{color:var(--a-red);border-color:var(--a-red)}.crm-seg{background:var(--a-gray-bg);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.crm-seg button{color:var(--a-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700}.crm-seg button.is-active{background:var(--a-panel);color:var(--a-ink);box-shadow:0 1px 3px #12221f1f}.crm-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.crm-toolbar .crm-search{width:min(300px,100%)}.crm-toolbar select{border:1px solid var(--a-line);background:var(--a-panel);height:38px;color:var(--a-ink);border-radius:10px;padding:0 10px;font-size:13px;font-weight:600}.crm-field{gap:7px;margin-bottom:15px;display:grid}.crm-field label{font-size:13px;font-weight:700}.crm-field input,.crm-field select,.crm-field textarea{border:1px solid var(--a-line);background:var(--a-panel);width:100%;min-height:42px;color:var(--a-ink);border-radius:10px;padding:0 12px;font-family:inherit;font-size:14px}.crm-field textarea{resize:vertical;min-height:74px;padding:10px 12px}.crm-field input:focus,.crm-field select:focus,.crm-field textarea:focus{border-color:var(--a-accent);outline:3px solid #b7e8d8}.crm-field .crm-hint{color:var(--a-muted);font-size:12px}.crm-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.crm-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1a1573;place-items:center;padding:20px;animation:.15s crm-fade;display:grid;position:fixed;inset:0}.crm-modal{background:var(--a-panel);border-radius:16px;width:min(520px,100%);max-height:calc(100dvh - 60px);animation:.18s cubic-bezier(.16,1,.3,1) crm-pop;overflow:auto;box-shadow:0 30px 80px #0e1a1559}.crm-modal-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px 0;display:flex}.crm-modal-head h3{letter-spacing:-.025em;margin:0;font-size:18px}.crm-modal-head p{color:var(--a-muted);margin:5px 0 0;font-size:13px}.crm-modal-body{padding:18px 22px}.crm-modal-foot{justify-content:flex-end;gap:10px;padding:0 22px 20px;display:flex}@keyframes crm-fade{0%{opacity:0}}@keyframes crm-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}}.crm-toasts{z-index:90;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.crm-toast{background:var(--a-side);color:#fff;border-radius:12px;align-items:flex-start;gap:10px;max-width:380px;padding:13px 16px;font-size:13.5px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) crm-toast-in;display:flex;box-shadow:0 16px 40px #0e1a1559}.crm-toast svg{color:#7ddcba;flex:none;margin-top:1px}.crm-toast small{color:#ffffff8c;margin-top:3px;font-size:12px;font-weight:500;display:block}@keyframes crm-toast-in{0%{opacity:0;transform:translateY(12px)}}.crm-bars{align-items:flex-end;gap:3px;height:180px;padding-top:10px;display:flex}.crm-bar{background:var(--a-accent);opacity:.9;border-radius:4px 4px 2px 2px;flex:1;min-width:4px;transition:opacity .15s;position:relative}.crm-bar:hover{opacity:1}.crm-bar.is-empty{background:var(--a-gray-bg);min-height:4px;height:4px!important}.crm-chart-foot{color:var(--a-faint);border-top:1px solid var(--a-line-soft);justify-content:space-between;margin-top:4px;padding-top:10px;font-size:11.5px;display:flex}.crm-donut{align-items:center;gap:26px;display:flex}.crm-legend{flex:1;gap:10px;display:grid}.crm-legend-row{align-items:center;gap:9px;font-size:13px;display:flex}.crm-legend-row .swatch{border-radius:3px;flex:none;width:10px;height:10px}.crm-legend-row b{font-variant-numeric:tabular-nums;margin-left:auto}.crm-alert{border-radius:var(--a-radius);align-items:flex-start;gap:13px;padding:15px 18px;font-size:13.5px;line-height:1.5;display:flex}.crm-alert b{margin-bottom:2px;display:block}.crm-alert--amber{color:var(--a-amber);background:#fffaf1;border:1px solid #ecd3a8}.crm-alert--amber svg{color:var(--a-amber);flex:none;margin-top:1px}.crm-alert p{color:inherit;opacity:.85;margin:0}.crm-alert .crm-alert-link{flex:none;margin-left:auto}.crm-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.crm-muted{color:var(--a-muted)}.crm-empty{text-align:center;color:var(--a-muted);padding:44px 20px;font-size:13.5px}.crm-attention-row{border-bottom:1px solid var(--a-line-soft);align-items:flex-start;gap:12px;padding:13px 20px;font-size:13.5px;display:flex}.crm-attention-row:last-child{border-bottom:0}.crm-attention-row .crm-pill{flex:none;margin-top:1px}.crm-attention-row b{font-size:13.5px;display:block}.crm-attention-row p{color:var(--a-muted);margin:3px 0 0;font-size:12.5px;line-height:1.45}.crm-attention-row>a{flex:none;margin-left:auto}.crm-feed{display:grid}.crm-feed-row{border-bottom:1px solid var(--a-line-soft);align-items:flex-start;gap:12px;padding:12px 20px;font-size:13px;display:flex}.crm-feed-row:last-child{border-bottom:0}.crm-feed-row time{color:var(--a-faint);white-space:nowrap;flex:none;margin-left:auto;padding-top:1px;font-size:12px}.crm-feed-dot{background:var(--a-accent);border-radius:999px;flex:none;width:8px;height:8px;margin-top:5px}.crm-stat-list{display:grid}.crm-stat-list>div{border-bottom:1px solid var(--a-line-soft);justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;font-size:13.5px;display:flex}.crm-stat-list>div:last-child{border-bottom:0}.crm-stat-list b{font-variant-numeric:tabular-nums;white-space:nowrap}.crm-chips{flex-wrap:wrap;gap:6px;display:flex}.crm-chip{color:var(--a-muted);background:var(--a-gray-bg);white-space:nowrap;border-radius:7px;padding:4px 8px;font-size:12px;font-weight:600}.crm-chip b{color:var(--a-ink)}.crm-user-head{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.crm-user-head .crm-avatar{border-radius:16px;width:56px;height:56px;font-size:19px}.crm-user-meta{color:var(--a-muted);flex-wrap:wrap;gap:18px;margin-top:8px;font-size:12.5px;display:flex}.crm-user-meta span{align-items:center;gap:6px;display:inline-flex}.crm-price-line{border-top:1px dashed var(--a-line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13.5px;display:flex}.crm-price-line:first-of-type{border-top:0}.crm-price-line--total{font-size:15px;font-weight:800}@media (max-width:1080px){.crm{grid-template-columns:1fr}.crm-side{flex-direction:row;align-items:center;gap:12px;height:auto;padding:12px 16px;position:static;overflow-x:auto}.crm-brand{border-bottom:0;padding:0}.crm-brand span:last-child,.crm-brand-tag,.crm-side-foot,.crm-nav-caption{display:none}.crm-nav{flex-direction:row;align-items:center;margin-top:0}.crm-nav a{white-space:nowrap}.crm-grid-2,.crm-grid-even{grid-template-columns:1fr}.crm-top{padding:0 16px}.crm-content{padding:20px 16px 40px}.crm-supplier-chip .crm-chip-label{display:none}}.crm-login{grid-template-columns:1fr;place-items:center;min-height:100dvh;padding:20px;display:grid}.crm-login-card{background:var(--a-panel);border:1px solid var(--a-line);border-radius:18px;width:min(400px,100%);padding:30px}.crm-login-brand{letter-spacing:-.04em;align-items:center;gap:10px;margin-bottom:22px;font-size:17px;font-weight:800;display:flex}.crm-login-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:24px}.crm-login-card .crm-sub{color:var(--a-muted);margin:0 0 20px;font-size:13px;line-height:1.5}.crm-login-error{background:var(--a-red-bg);color:var(--a-red);border-radius:10px;margin-bottom:14px;padding:10px 13px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.crm-overlay,.crm-modal,.crm-toast{animation:none}}