html,body{margin:0;padding:0;width:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#071815}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1eb8a8,#15958a);border-radius:20px;border:2px solid #071815;box-shadow:0 0 8px #1eb8a873}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#23d6c3,#1eb8a8);box-shadow:0 0 12px #1eb8a8b3}*{scrollbar-width:thin;scrollbar-color:#1eb8a8 #071815}:root{--teal:#1eb8a8;--teal-dim:rgba(30,184,168,.15);--teal-hover:#17a496;--bg:#080f0e;--surf:#0e1a19;--surf2:#142321;--bdr:rgba(30,184,168,.18);--txt:#f5f7f6;--muted:#7a9994;--danger:#f04f4f;--warn:#f5a623;--ok:#22c97a;--info:#4fa3f5;--purple:#b464ff;--sb-width:260px}[data-theme=light]{--bg:#f0f4f3;--surf:#fff;--surf2:#e8eeed;--bdr:rgba(30,184,168,.22);--txt:#080f0e;--muted:#5a7570}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--txt)}button{font-family:DM Sans,sans-serif;cursor:pointer}input,select,textarea{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:3px}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content-area{flex:1;overflow-y:auto;padding:22px}.sidebar{width:var(--sb-width);min-width:var(--sb-width);height:100vh;background:var(--surf);border-right:1px solid var(--bdr);display:flex;flex-direction:column;transition:transform .3s ease;z-index:200;flex-shrink:0}.sb-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.sb-logo-image{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-logo-text{font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;line-height:1.3}.sb-logo-text span{color:var(--teal)}.sb-section{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding:10px 20px 4px}.sb-item{display:flex;align-items:center;gap:11px;padding:10px 20px;cursor:pointer;font-size:13.5px;color:var(--muted);border-left:3px solid transparent;transition:all .18s;-webkit-user-select:none;user-select:none}.sb-item:hover{background:var(--teal-dim);color:var(--txt)}.sb-item.active{background:var(--teal-dim);color:var(--teal);font-weight:600;border-left-color:var(--teal)}.sb-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sb-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;color:#fff}.sb-footer{padding:14px 18px;border-top:1px solid var(--bdr);display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1eb8a8,#0b8c7e);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.sb-user{flex:1;min-width:0}.sb-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-role{font-size:11px;color:var(--teal)}.header{height:64px;background:var(--surf);border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px;padding:0 22px;flex-shrink:0}.burger-btn{display:none;width:36px;height:36px;border:none;background:transparent;color:var(--txt);border-radius:8px;font-size:20px;align-items:center;justify-content:center;transition:background .18s}.burger-btn:hover{background:var(--surf2)}.page-title{font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;flex:1}.page-title span{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:8px}.btn{height:34px;padding:0 13px;border:1px solid var(--bdr);background:transparent;color:var(--txt);border-radius:10px;cursor:pointer;font-size:12.5px;display:flex;align-items:center;gap:6px;transition:all .18s;white-space:nowrap}.btn:hover{background:var(--teal-dim);border-color:var(--teal)}.btn-solid{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}.btn-solid:hover{background:var(--teal-hover)}.btn-green{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:600}.btn-green:hover{background:#1aab65}.notif-btn{position:relative;width:34px;height:34px;border:1px solid var(--bdr);background:transparent;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .18s}.notif-btn:hover{background:var(--teal-dim);border-color:var(--teal)}.abt{height:26px;padding:0 9px;border:none;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s}.abt-ok{background:#22c97a26;color:var(--ok)}.abt-ok:hover{background:var(--ok);color:#fff}.abt-no{background:#f04f4f26;color:var(--danger)}.abt-no:hover{background:var(--danger);color:#fff}.abt-vw{background:#1eb8a826;color:var(--teal)}.abt-vw:hover{background:var(--teal);color:#fff}.abt-warn{background:#f5a62326;color:var(--warn)}.abt-warn:hover{background:var(--warn);color:#fff}.sec-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.sec-link{font-size:12px;color:var(--teal);cursor:pointer;font-weight:600}.sec-link:hover{text-decoration:underline}.kpi-card{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:18px 16px;position:relative;overflow:hidden;transition:transform .2s}.kpi-card:hover{transform:translateY(-2px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-color,var(--teal))}.kpi-icon{width:40px;height:40px;border-radius:11px;background:var(--kpi-bg,rgba(30,184,168,.12));display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.kpi-number{font-family:DM Sans,sans-serif;font-size:26px;font-weight:800;line-height:1}.kpi-label{font-size:11.5px;color:var(--muted);margin-top:3px}.kpi-delta{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;margin-top:7px;padding:2px 7px;border-radius:20px}.kpi-delta.up{background:#22c97a21;color:var(--ok)}.kpi-delta.dn{background:#f04f4f21;color:var(--danger)}td{padding:11px;border-bottom:1px solid rgba(30,184,168,.07);vertical-align:middle}tr:hover td{background:#1eb8a80f}.chip-s{background:#4fa3f52e;color:#4fa3f5}.chip-v{background:#f5a6232e;color:#f5a623}.chip-d{background:#1eb8a82e;color:#1eb8a8}.chip-b{background:#22c97a2e;color:#22c97a}.chip-a{background:#b464ff2e;color:#b464ff}.chip-i{background:#7878782e;color:var(--muted)}.filter-input{flex:1;min-width:160px;height:34px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none}.filter-input:focus{border-color:var(--teal)}.filter-sel{height:34px;padding:0 10px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;cursor:pointer;outline:none}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.appr-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--bdr)}.appr-row:last-child{border-bottom:none}.health-bar{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid var(--bdr)}.health-bar:last-child{border-bottom:none}.hb-label{font-size:12.5px;min-width:160px}.hb-val{font-size:12px;font-weight:700;width:36px;text-align:right}.log-text{font-size:12.5px;line-height:1.45}.log-text b{color:var(--teal)}.log-time{font-size:10.5px;color:var(--muted);margin-top:2px}.alert-title{font-size:12.5px;font-weight:700}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center}.bar-stack{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.legend-dot{width:9px;height:9px;border-radius:2px}.donut-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(#1eb8a8 0% 44%,#4fa3f5 44% 69%,#f5a623 69% 81%,#b464ff 81% 91%,#22c97a 91% 100%);position:relative;display:flex;align-items:center;justify-content:center;margin:10px auto}.donut-chart:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--surf)}.donut-label{position:absolute;z-index:1;font-family:DM Sans,sans-serif;font-size:12px;font-weight:800;color:var(--txt)}.perf-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bdr)}.perf-row:last-child{border-bottom:none}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bdr)}.setting-row:last-child{border-bottom:none}.toggle-switch{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle-switch.on{background:var(--teal)}.toggle-switch.off{background:var(--surf2);border:1px solid var(--bdr)}.toggle-switch.on .toggle-thumb{left:21px}.toggle-switch.off .toggle-thumb{left:3px}.perm-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.perm-yes{background:#22c97a33;color:#22c97a}.perm-no{background:#f04f4f26;color:#f04f4f}.modal-overlay{display:flex;position:fixed;inset:0;background:#0009;z-index:500;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;animation:fadeIn .15s ease}.modal-box{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;padding:28px;width:100%;max-width:460px;position:relative;animation:slideUp .2s ease}.modal-title{font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;margin-bottom:18px}.modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:18px;border-radius:8px}.modal-close:hover{background:var(--surf2);color:var(--txt)}.form-group{margin-bottom:14px}.form-select{width:100%;height:38px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none;cursor:pointer}.sb-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.inv-card{background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;margin-bottom:10px;cursor:pointer;transition:box-shadow .18s,transform .18s}.inv-client-info{flex:1;min-width:0}.inv-date-info{font-size:11px;color:var(--muted);margin-top:2px}.inv-due-info{font-size:10.5px;color:var(--muted);text-align:right;margin-top:2px}.inv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.inv-field-row.single{grid-template-columns:1fr}.inv-label{font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:5px;display:block;letter-spacing:.3px}.inv-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;outline:none;transition:border .18s}.inv-input:focus{border-color:var(--teal)}.inv-textarea{width:100%;padding:10px 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;outline:none;resize:vertical;min-height:70px}.inv-textarea:focus{border-color:var(--teal)}.inv-select{width:100%;height:36px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;outline:none;cursor:pointer}.li-table{width:100%;border-collapse:collapse;font-size:13px}.li-table th{text-align:left;padding:8px 10px;font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);background:var(--surf2);border-bottom:1px solid var(--bdr)}.li-table th:last-child,.li-table td:last-child{text-align:right}.li-table td{padding:9px 10px;border-bottom:1px solid rgba(30,184,168,.07);vertical-align:middle}.li-table tr:last-child td{border-bottom:none}.li-input{width:100%;background:transparent;border:none;outline:none;font-size:13px;color:var(--txt);padding:4px 6px;border-radius:6px}.li-input:focus{background:var(--surf2)}.li-input.num{text-align:right}.li-del:hover{background:#f04f4f26;color:#f04f4f}.inv-totals{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:14px 10px 4px}.inv-tot-row{display:flex;gap:30px;font-size:13px}.inv-tot-label{color:var(--muted)}.print-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:600;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;animation:fadeIn .15s ease}.print-modal-box{background:#fff;color:#111;border-radius:14px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;position:relative}.pm-toolbar-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#111}.pm-toolbar-acts{display:flex;gap:8px}.pm-btn{height:34px;padding:0 14px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;border:none;display:flex;align-items:center;gap:6px}.pm-btn-print{background:#1eb8a8;color:#fff}.pm-btn-print:hover{background:#17a496}.pm-btn-close{background:#eee;color:#555}.pm-btn-close:hover{background:#ddd}.inv-doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.inv-doc-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.inv-doc-paid{background:#22c97a26;color:#0a7a4e;border:1px solid rgba(34,201,122,.3)}.inv-doc-unpaid{background:#f04f4f1f;color:#a02020}.inv-doc-draft{background:#f0f0f0;color:#888}.inv-doc-overdue{background:#f5a62326;color:#8a5000}.inv-doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;padding:20px;background:#f8fffe;border:1px solid rgba(30,184,168,.15);border-radius:10px}.inv-doc-party-label{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#1eb8a8;margin-bottom:5px}.inv-doc-party-name{font-size:14px;font-weight:700;color:#111;margin-bottom:3px}.inv-doc-party-info{font-size:12px;color:#666;line-height:1.6}.inv-doc-totals{display:flex;justify-content:flex-end}.inv-doc-totals-box{width:260px;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.inv-doc-tot-row{display:flex;justify-content:space-between;padding:9px 14px;font-size:13px;border-bottom:1px solid #eee}.inv-doc-tot-row:last-child{border-bottom:none;background:#080f0e;color:#fff;padding:12px 14px}.inv-doc-tot-row:last-child span:last-child{color:#1eb8a8;font-family:DM Sans,sans-serif;font-size:16px;font-weight:800}.inv-doc-notes{margin-top:28px;padding:16px;background:#f8f8f8;border-radius:8px}.inv-doc-notes-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#888;margin-bottom:5px}.inv-doc-notes-text{font-size:12.5px;color:#444;line-height:1.6}.inv-doc-footer{margin-top:28px;padding-top:18px;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.inv-doc-footer-label{font-size:11px;color:#999}.inv-doc-footer-brand{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:#ccc}.inv-doc-footer-brand span{color:#1eb8a8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.burger-btn{display:flex!important}.header{padding:0 14px}.content-area{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g31,.g3{grid-template-columns:1fr}.hide-mob{display:none!important}.inv-field-row{grid-template-columns:1fr}}@media(max-width:600px){.kpi-number{font-size:20px}td,th{padding:7px 8px}.inv-card{flex-wrap:wrap;gap:8px}.inv-num,.inv-amount{min-width:auto}.inv-doc{padding:20px 18px}.inv-doc-header{flex-direction:column;gap:16px}.inv-doc-right{text-align:left}.inv-doc-parties{grid-template-columns:1fr}}.chart-wrap{height:160px;display:flex;align-items:flex-end;gap:5px;padding:10px 0}.bar-seg{width:100%;border-radius:4px 4px 0 0;min-height:3px;cursor:pointer;opacity:.85;transition:opacity .18s}.donut{width:110px;height:110px;border-radius:50%;background:conic-gradient(#1eb8a8 0% 44%,#4fa3f5 44% 69%,#f5a623 69% 81%,#b464ff 81% 91%,#22c97a 91% 100%);position:relative;display:flex;align-items:center;justify-content:center;margin:8px auto}.donut:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:var(--surf)}.donut-lbl{position:absolute;z-index:1;font-family:DM Sans,sans-serif;font-size:10px;font-weight:800}.toggle{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle.on{background:var(--teal)}.toggle.off{background:var(--surf2);border:1px solid var(--bdr)}.toggle-thumb{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0000004d}.toggle.on .toggle-thumb{left:21px}.toggle.off .toggle-thumb{left:3px}.form-group{margin-bottom:13px}.form-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px;display:block}.form-input{width:100%;height:38px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none}.form-input:focus{border-color:var(--teal)}.form-select{width:100%;height:38px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;cursor:pointer;outline:none}.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none;resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inv-view{display:none}.inv-view.active{display:block}.inv-card{background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:9px;cursor:pointer;transition:box-shadow .18s,transform .18s}.inv-card:hover{box-shadow:0 6px 24px #0003;transform:translateY(-1px)}.inv-num{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:var(--teal);min-width:80px}.inv-client{flex:1;min-width:0}.inv-amount{font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;text-align:right;min-width:90px}.inv-form-wrap{max-width:860px;margin:0 auto}.inv-inp:focus{border-color:var(--teal)}.li-tbl td{padding:9px 10px;border-bottom:1px solid rgba(30,184,168,.07);vertical-align:middle}.inv-tot-row.grand{font-family:DM Sans,sans-serif;font-size:17px;font-weight:800;color:var(--teal);border-top:2px solid var(--bdr);padding-top:8px;margin-top:4px}.inv-doc-hdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.inv-doc-brand{font-family:DM Sans,sans-serif;font-size:20px;font-weight:800;color:#080f0e}.inv-doc-brand span{color:#1eb8a8}.inv-doc-right{text-align:right}.inv-doc-title{font-family:DM Sans,sans-serif;font-size:30px;font-weight:800;color:#1eb8a8;letter-spacing:-1px;margin-bottom:6px}.inv-doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;padding:18px;background:#f8fffe;border:1px solid rgba(30,184,168,.15);border-radius:10px}.inv-doc-plbl{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#1eb8a8;margin-bottom:5px}.inv-doc-items thead tr{background:#080f0e;color:#fff}.inv-doc-tbox{width:250px;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.inv-doc-trow:last-child{border-bottom:none;background:#080f0e;color:#fff;padding:12px 14px}.inv-doc-trow:last-child span:last-child{color:#1eb8a8;font-family:DM Sans,sans-serif;font-size:15px;font-weight:800}.inv-doc-ntxt{font-size:12.5px;color:#444;line-height:1.6}.inv-doc-flbl{font-size:11px;color:#999}.inv-doc-fbrand{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:#ccc}.inv-doc-fbrand span{color:#1eb8a8}.print-modal-bg{position:fixed;inset:0;background:#000000b3;z-index:600;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.print-modal-box{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.print-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;border-radius:14px 14px 0 0;position:sticky;top:0;z-index:10}.print-toolbar-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#111}.print-btn{height:34px;padding:0 14px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;border:none;display:inline-flex;align-items:center;gap:6px}.print-btn-teal{background:#1eb8a8;color:#fff}.print-btn-teal:hover{background:#17a496}.print-btn-close{background:#eee;color:#555}.print-btn-close:hover{background:#ddd}.cz-hero{background:linear-gradient(135deg,#1a0a00,#2d1500 40%,#1a0a00);border:1px solid rgba(255,107,53,.25);border-radius:16px;padding:24px;margin-bottom:16px;position:relative;overflow:hidden}.cz-logo-wrap{display:flex;align-items:center;gap:14px;margin-bottom:20px}.cz-logo-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff6b35,#f5a623);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 24px #ff6b3566}.cz-logo-name{font-family:DM Sans,sans-serif;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px}.cz-logo-name span{color:var(--coinzee)}.cz-tagline{font-size:12px;color:#ffffff80;margin-top:2px}.cz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:1}.cz-stat{background:#ffffff0f;border:1px solid rgba(255,107,53,.2);border-radius:12px;padding:14px 12px;text-align:center}.cz-stat-n{font-family:DM Sans,sans-serif;font-size:20px;font-weight:800;color:var(--coinzee)}.cz-stat-l{font-size:11px;color:#ffffff80;margin-top:3px}.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.banner-slot{background:var(--surf2);border:2px dashed var(--bdr);border-radius:12px;aspect-ratio:16/7;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.banner-slot:hover{border-color:var(--teal);background:var(--teal-dim)}.banner-slot.filled{border-style:solid;border-color:var(--bdr)}.banner-slot.filled:hover{border-color:var(--teal)}.banner-slot-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .2s;border-radius:10px}.banner-slot.filled:hover .banner-slot-overlay{opacity:1}.banner-num{position:absolute;top:8px;left:10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;background:#0009;color:#fff;padding:2px 8px;border-radius:20px}.banner-status{position:absolute;top:8px;right:10px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.banner-preview-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px}.banner-empty-icon{font-size:28px;opacity:.4}.banner-empty-txt{font-size:12px;color:var(--muted);margin-top:4px}.banner-empty-sub{font-size:10.5px;color:var(--muted);opacity:.7}.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prod-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;transition:all .2s}.prod-card:hover{border-color:#ff6b3566;transform:translateY(-2px)}.prod-card-img{aspect-ratio:1/1;background:linear-gradient(135deg,#ff6b3514,#f5a62314);display:flex;align-items:center;justify-content:center;font-size:52px;position:relative}.prod-card-body{padding:14px 14px 12px}.prod-card-name{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;margin-bottom:4px}.prod-card-sub{font-size:11.5px;color:var(--muted)}.prod-card-price{font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;color:var(--coinzee);margin-top:6px}.prod-card-acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.prod-add-card{background:#ff6b3512;border:2px dashed rgba(255,107,53,.25);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;min-height:200px}.prod-add-card:hover{background:#ff6b3524;border-color:var(--coinzee)}.price-sheet-wrap{overflow-x:auto}.price-tier{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase}.tier-retail{background:#ff6b3526;color:#ff6b35}.tier-wholesale{background:#f5a62326;color:#f5a623}.tier-bulk{background:#22c97a26;color:#22c97a}.tier-distributor{background:#4fa3f526;color:#4fa3f5}.price-inp{background:transparent;border:none;outline:none;font-size:13px;color:var(--coinzee);font-family:DM Sans,sans-serif;font-weight:700;width:90px;text-align:center}.price-inp:focus{background:var(--surf2);border-radius:6px;padding:0 6px}.stock-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.stock-in{background:#22c97a26;color:#22c97a}.stock-low{background:#f5a62326;color:#f5a623}.stock-out{background:#f04f4f26;color:#f04f4f}.hide-mob{display:flex}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.burger-btn{display:flex!important}.header{padding:0 14px}.content-area{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g31,.g3{grid-template-columns:1fr}.hide-mob{display:none!important}.banner-grid,.prod-grid{grid-template-columns:1fr 1fr}.cz-stats{grid-template-columns:repeat(2,1fr)}.inv-frow{grid-template-columns:1fr}.inv-doc-hdr{flex-direction:column;gap:16px}.inv-doc-parties,.form-row{grid-template-columns:1fr}}@media(max-width:540px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-number{font-size:20px}td,th{padding:7px 8px}.banner-grid,.prod-grid{grid-template-columns:1fr}.cz-stats{grid-template-columns:1fr 1fr}.inv-doc{padding:20px 16px}}@media print{.header,.sidebar,.sb-overlay{display:none!important}.inv-doc{padding:20px}body{background:#fff;color:#111}}.sb-logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6c63ff,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 4px 14px #6c63ff59}.sb-logo-txt span{color:var(--ag)}.sb-badge-role{font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;background:linear-gradient(135deg,#6c63ff,#a78bfa);color:#fff;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0}.sb-item:hover{background:var(--ag-dim);color:var(--txt)}.sb-item.active{background:var(--ag-dim);color:var(--ag);font-weight:600;border-left-color:var(--ag)}.sb-item.cz-item:hover{background:var(--coinzee-dim);color:var(--txt)}.sb-item.cz-item.active{background:var(--coinzee-dim);color:var(--coinzee);border-left-color:var(--coinzee)}.sb-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#a78bfa);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.sb-urole{font-size:10.5px;color:var(--ag)}.pg-title span{color:var(--ag)}.pg-title span.cz{color:var(--coinzee)}.notif-btn:hover{background:var(--ag-dim);border-color:var(--ag)}.hbtn:hover{background:var(--ag-dim);border-color:var(--ag)}.hbtn.solid{background:var(--ag);border-color:var(--ag);color:#fff;font-weight:600}.hbtn.solid:hover{background:var(--ag-hover)}.hbtn.orange{background:var(--coinzee);border-color:var(--coinzee);color:#fff;font-weight:600}.hbtn.orange:hover{background:#e55a2b}.hbtn.green{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:600}.abt{height:26px;padding:0 9px;border:none;border-radius:7px;font-size:11px;font-weight:600;transition:all .16s}.abt.vw{background:#6c63ff26;color:var(--ag)}.abt.vw:hover{background:var(--ag);color:#fff}.abt.cz{background:#ff6b3526;color:var(--coinzee)}.abt.cz:hover{background:var(--coinzee);color:#fff}.abt.edit{background:#1eb8a826;color:var(--teal)}.abt.edit:hover{background:var(--teal);color:#fff}.sec-lnk{font-size:12px;color:var(--ag);cursor:pointer;font-weight:600}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kc, var(--ag))}.kpi-ico{width:40px;height:40px;border-radius:11px;background:var(--kb, rgba(108,99,255,.12));display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.g-detail{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}td{padding:11px;border-bottom:1px solid rgba(108,99,255,.07);vertical-align:middle}tr:hover td{background:#6c63ff0d}.st-live{background:#1eb8a826;color:#1eb8a8}.st-ag{background:#6c63ff26;color:#6c63ff}.chip-b{background:#22c97a26;color:#22c97a}.chip-s{background:#4fa3f526;color:#4fa3f5}.chip-d{background:#1eb8a826;color:#1eb8a8}.chip-v{background:#f5a62326;color:#f5a623}.chip-cz{background:#ff6b352e;color:#ff6b35}.ist-unpaid{background:#f04f4f26;color:#f04f4f}.ist-draft{background:#78787826;color:var(--muted)}.ist-sent{background:#4fa3f526;color:#4fa3f5}.fi:focus{border-color:var(--ag)}.log-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--bdr)}.log-row:last-child{border-bottom:none}.log-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.hb-lbl{font-size:12.5px;min-width:150px}.hb-val{font-size:12px;font-weight:700;width:38px;text-align:right}.alert-b{background:#4fa3f51a;border:1px solid rgba(79,163,245,.22)}.alert-g{background:#22c97a1a;border:1px solid rgba(34,201,122,.22)}.alert-p{background:#6c63ff1a;border:1px solid rgba(108,99,255,.22)}.pipeline-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pipeline-col{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;padding:12px}.pipeline-col-hd{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.pipeline-col-hd span{font-family:Syne;font-size:16px;font-weight:800;color:var(--txt)}.deal-card{background:var(--surf);border:1px solid var(--bdr);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .18s}.deal-card:hover{border-color:var(--ag);transform:translateY(-1px)}.deal-card:last-child{margin-bottom:0}.deal-name{font-size:12.5px;font-weight:700}.deal-co{font-size:11.5px;color:var(--muted);margin-top:2px}.deal-val{font-family:Syne;font-size:14px;font-weight:800;color:var(--ag);margin-top:8px}.deal-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;display:inline-block;margin-top:4px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;padding:16px;cursor:pointer;transition:all .18s}.client-card:hover{border-color:var(--ag);transform:translateY(-2px)}.chart-wrap{height:150px;display:flex;align-items:flex-end;gap:5px;padding:10px 0}.bar-grp{flex:1;display:flex;flex-direction:column;align-items:center}.bar-stk{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.bar-seg{width:100%;border-radius:4px 4px 0 0;min-height:3px;transition:opacity .16s;opacity:.85}.bar-seg:hover{opacity:1}.bar-day{font-size:10px;color:var(--muted);margin-top:5px}.legend{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}.legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted)}.cc-tags-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid rgba(108,99,255,.3);border-radius:9px;background:var(--surf2);min-height:38px;align-items:center;cursor:text}.cc-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:#6c63ff33;border:1px solid rgba(108,99,255,.35);color:var(--ag);font-size:11.5px;font-weight:600;gap:3px;-webkit-user-select:none;user-select:none}.cc-tag-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:0 0 0 2px}.cc-tag-x:hover{color:var(--danger)}.cc-input{border:none;background:transparent;outline:none;font-size:12px;color:var(--txt);min-width:100px;flex:1}.inv-card{background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:9px;cursor:pointer;transition:all .18s}.inv-card:hover{border-color:var(--ag);transform:translateY(-1px)}.inv-card:last-child{margin-bottom:0}.inv-num{font-family:Syne;font-size:13px;font-weight:700;color:var(--ag);min-width:80px}.inv-cli{flex:1;min-width:0}.inv-cname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-date{font-size:11px;color:var(--muted);margin-top:2px}.inv-amt{font-family:Syne;font-size:15px;font-weight:800;text-align:right;min-width:90px}.inv-due{font-size:10.5px;text-align:right;margin-top:2px}.inv-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.inv-lbl{font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:5px;display:block;letter-spacing:.3px}.inv-inp{width:100%;height:36px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;outline:none}.inv-inp:focus{border-color:var(--ag)}.inv-ta{width:100%;padding:10px 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;outline:none;resize:vertical;min-height:70px}.inv-sel{width:100%;height:36px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;cursor:pointer;outline:none}.li-tbl{width:100%;border-collapse:collapse;font-size:13px}.li-tbl th{text-align:left;padding:8px 10px;font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);background:var(--surf2);border-bottom:1px solid var(--bdr)}.li-tbl td{padding:9px 10px;border-bottom:1px solid rgba(108,99,255,.07);vertical-align:middle}.li-tbl tr:last-child td{border-bottom:none}.li-inp{width:100%;background:transparent;border:none;outline:none;font-size:13px;color:var(--txt);padding:4px 6px;border-radius:6px}.li-inp:focus{background:var(--surf2)}.li-inp.num{text-align:right}.li-del{width:26px;height:26px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.li-del:hover{background:#f04f4f26;color:var(--danger)}.inv-tots{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:12px 10px 4px}.inv-tot-row{display:flex;gap:28px;font-size:13px}.inv-tot-row.grand{font-family:Syne;font-size:17px;font-weight:800;color:var(--ag);border-top:2px solid var(--bdr);padding-top:8px;margin-top:4px}.inv-tot-lbl{color:var(--muted)}.inv-doc{padding:44px 48px;background:#fff;color:#111;font-family:DM Sans,sans-serif}.inv-doc-hdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px;flex-wrap:wrap;gap:16px}.inv-doc-brand{font-family:Syne;font-size:20px;font-weight:800;color:#07070f}.inv-doc-brand span{color:#6c63ff}.inv-doc-tagline{font-size:12px;color:#888;margin-top:4px}.inv-doc-title{font-family:Syne;font-size:30px;font-weight:800;color:#6c63ff;letter-spacing:-1px;margin-bottom:6px}.inv-doc-meta{font-size:12.5px;color:#555;line-height:1.7}.inv-doc-meta b{color:#111}.inv-doc-sbadge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:6px}.idb-paid{background:#22c97a26;color:#0a7a4e;border:1px solid rgba(34,201,122,.3)}.idb-unpaid{background:#f04f4f1f;color:#a02020}.idb-draft{background:#f0f0f0;color:#888}.idb-overdue{background:#f5a62326;color:#8a5000}.idb-sent{background:#6c63ff1f;color:#3d36c0}.inv-doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;padding:18px;background:#f8f8ff;border:1px solid rgba(108,99,255,.15);border-radius:10px}.inv-doc-plbl{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#6c63ff;margin-bottom:5px}.inv-doc-pname{font-size:14px;font-weight:700;color:#111;margin-bottom:3px}.inv-doc-pinfo{font-size:12px;color:#666;line-height:1.6}.inv-doc-items{width:100%;border-collapse:collapse;font-size:13px}.inv-doc-items thead tr{background:#07070f;color:#fff}.inv-doc-items thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.inv-doc-items thead th:last-child{text-align:right}.inv-doc-items tbody td{padding:12px 14px;border-bottom:1px solid #eee}.inv-doc-items tbody td:last-child{text-align:right;font-weight:600}.inv-doc-items tbody tr:last-child td{border-bottom:none}.inv-doc-items tbody tr:nth-child(2n) td{background:#fafafa}.inv-doc-totals{display:flex;justify-content:flex-end;margin-top:0}.inv-doc-tbox{width:250px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.inv-doc-trow{display:flex;justify-content:space-between;padding:9px 14px;font-size:13px;border-bottom:1px solid #eee}.inv-doc-trow:last-child{border-bottom:none;background:#07070f;color:#fff;padding:12px 14px}.inv-doc-trow:last-child span:last-child{color:#a78bfa;font-family:Syne;font-size:15px;font-weight:800}.inv-doc-notes{margin-top:26px;padding:16px;background:#f8f8f8;border-radius:8px}.inv-doc-nlbl{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#888;margin-bottom:5px}.inv-doc-footer{margin-top:26px;padding-top:16px;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.inv-preview-frame{background:#e8e8f0;border-radius:14px;padding:16px 16px 8px;box-shadow:0 8px 32px #00000059}.inv-preview-chrome{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inv-preview-dots{display:flex;gap:5px}.inv-preview-dot{width:10px;height:10px;border-radius:50%}.inv-preview-label{font-size:11px;font-weight:600;color:#666;letter-spacing:.4px}.inv-preview-inner{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000026}.inv-preview-caption{text-align:center;padding:10px 0 4px;font-size:11px;color:#888}.pm-bg{display:none;position:fixed;inset:0;background:#000000b3;z-index:600;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.pm-bg.show{display:flex}.pm-box{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.pm-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;border-radius:14px 14px 0 0;position:sticky;top:0;z-index:10}.pm-toolbar-title{font-family:Syne;font-size:14px;font-weight:700;color:#111}.pm-btn{height:34px;padding:0 14px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;border:none;display:inline-flex;align-items:center;gap:6px}.pm-teal{background:#6c63ff;color:#fff}.pm-teal:hover{background:#5a52e0}.pm-close-btn{background:#eee;color:#555}.pm-close-btn:hover{background:#ddd}.cz-hero{background:linear-gradient(135deg,#1a0a00,#2d1500,#1a0a00);border:1px solid rgba(255,107,53,.25);border-radius:16px;padding:22px;margin-bottom:16px;position:relative;overflow:hidden}.cz-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.2) 0%,transparent 70%)}.cz-name{font-family:Syne;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.cz-name span{color:var(--coinzee)}.cz-sub{font-size:12px;color:#ffffff80;margin-top:3px}.cz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;position:relative;z-index:1}.cz-stat{background:#ffffff0f;border:1px solid rgba(255,107,53,.2);border-radius:10px;padding:12px;text-align:center}.cz-stat-n{font-family:Syne;font-size:18px;font-weight:800;color:var(--coinzee)}.cz-stat-l{font-size:10.5px;color:#ffffff80;margin-top:2px}.price-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.price-tbl th{text-align:left;padding:10px 12px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--bdr);background:var(--surf2)}.price-tbl td{padding:12px;border-bottom:1px solid rgba(255,107,53,.07);vertical-align:middle}.price-tbl tr:last-child td{border-bottom:none}.price-tbl tr:hover td{background:#ff6b350a}.price-tier{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.tier-r{background:#ff6b3526;color:#ff6b35}.tier-w{background:#f5a62326;color:#f5a623}.tier-b{background:#22c97a26;color:#22c97a}.tier-dist{background:#4fa3f526;color:#4fa3f5}.mod-title{font-family:Syne;font-size:17px;font-weight:700;margin-bottom:18px}.finp:focus{border-color:var(--ag)}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.burger{display:flex!important}.header{padding:0 14px}.content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g31,.g3,.g-detail{grid-template-columns:1fr}.pipeline-board,.client-grid{grid-template-columns:1fr 1fr}.hide-mob{display:none!important}.cz-stats{grid-template-columns:repeat(2,1fr)}.inv-frow{grid-template-columns:1fr}.inv-doc-hdr{flex-direction:column;gap:14px}.inv-doc-parties,.frow{grid-template-columns:1fr}}@media(max-width:540px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-n{font-size:20px}td,th{padding:7px 8px}.pipeline-board,.client-grid{grid-template-columns:1fr}.cz-stats{grid-template-columns:1fr 1fr}.inv-doc{padding:20px 16px}.content{padding:10px}}@media print{.header,.sidebar,.sb-overlay,.pm-toolbar{display:none!important}.inv-doc{padding:20px}body{background:#fff;color:#111}}:root{--vn: #e11d48;--vn2: #fb7185;--vn3: #be123c;--vn-dim: rgba(225,29,72,.12);--ok: #22c97a;--danger:#f04f4f;--warn: #f5a623;--sky: #60a5fa;--violet:#a78bfa;--teal: #10b981;--sb-w: 236px;--hdr-h: 58px}[data-theme=dark]{--bg: #0a080a;--surf: #120e12;--surf2:#1a141a;--surf3:#221c22;--bdr: rgba(225,29,72,.15);--bdr2: rgba(225,29,72,.07);--txt: #f5eef0;--muted:#7a6872;--mut2: #3a2832}[data-theme=light]{--bg: #fdf5f7;--surf: #ffffff;--surf2:#fce8ed;--surf3:#f5d0da;--bdr: rgba(225,29,72,.2);--bdr2: rgba(225,29,72,.08);--txt: #1a080e;--muted:#7a4858;--mut2: #e8c0cc}.sidebar{width:var(--sb-w);min-width:var(--sb-w);height:100vh;background:var(--surf);border-right:1px solid var(--bdr);display:flex;flex-direction:column;transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:200;flex-shrink:0;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sb-logo-ico{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--vn),var(--vn3));display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 3px 12px #e11d4866}.sb-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--vn),var(--vn3));display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-weight:800;font-size:12px;color:#fff;flex-shrink:0}.sb-nav li button.active{background:var(--vn-dim);color:var(--vn);font-weight:700;border-left-color:var(--vn)}.sb-badge{margin-left:auto;background:var(--vn);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:20px;flex-shrink:0}.sb-badge.warn{background:var(--danger)}.hdr-title span{color:var(--vn)}.hbtn.solid{background:var(--vn);color:#fff;border-color:var(--vn)}.hbtn.solid:hover{background:var(--vn3)}.hbtn.warn{border-color:#f5a2234d;color:var(--warn)}.abt.rose{background:#e11d481a;color:var(--vn)}.abt.rose:hover{background:var(--vn);color:#fff}.abt.amber{background:#f5a2231f;color:#f5a623}.abt.amber:hover{background:#f5a623;color:#000}.chip-amber{background:#f5a2231f;color:#f5a623;border-color:#f5a22338}.chip-rose{background:#e11d481a;color:var(--vn);border-color:#e11d4833}.chip-grey{background:#7a68721a;color:var(--muted);border-color:#7a687226}.finp:focus{border-color:var(--vn)}.fta:focus{border-color:var(--vn)}.mod-box{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modIn .2s ease}.hb-lbl{font-size:12px;width:150px;flex-shrink:0}.alert-w{background:#f5a2230d;border-color:#f5a22333}.listing-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:13px;padding:15px 16px;display:flex;align-items:flex-start;gap:14px;margin-bottom:10px;cursor:pointer;transition:border-color .16s,transform .16s}.listing-card:hover{border-color:var(--vn);transform:translateY(-1px)}.lc-ico{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:var(--vn-dim)}.lc-name{font-size:13px;font-weight:700;margin-bottom:2px}.lc-sub{font-size:11.5px;color:var(--muted)}.lc-price{font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;color:var(--vn)}.review-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;padding:14px;margin-bottom:10px}.review-card:last-child{margin-bottom:0}.stars{color:#f5a623;font-size:14px;letter-spacing:1px}.pay-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bdr2)}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:80px;margin-bottom:8px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-col-lbl{font-family:DM Sans,sans-serif;font-size:10px;font-weight:700}.bar-col-bar{width:100%;border-radius:4px 4px 0 0}.bar-col-month{font-size:10px;color:var(--muted)}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;height:100%;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar.open{transform:translate(0)}.hdr-burger{display:flex!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g3,.pf-grid{grid-template-columns:1fr}.hb-lbl{width:120px}.hide-mob{display:none!important}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-val{font-size:22px}.content{padding:14px 14px 40px}.panel{padding:14px}.hdr{padding:0 14px}.frow{grid-template-columns:1fr}.listing-card{flex-wrap:wrap}}:root{--su: #10b981;--su-dim: rgba(16,185,129,.14);--su-hover: #059669;--su2: #34d399;--bg: #050f0a;--surf: #091510;--surf2: #0d1f17;--bdr: rgba(16,185,129,.18);--txt: #edfaf4;--muted: #5a8a72;--danger: #f04f4f;--warn: #f5a623;--ok: #22c97a;--info: #60a5fa;--sb-width: 262px;--hdr-height: 64px}[data-theme=light]{--bg: #f0fdf7;--surf: #fff;--surf2: #e0f7ed;--bdr: rgba(16,185,129,.22);--txt: #051a0e;--muted: #3d7a5c}.content{flex:1;overflow-y:auto;padding:22px}.sidebar{width:var(--sb-width);min-width:var(--sb-width);height:100vh;background:var(--surf);border-right:1px solid var(--bdr);display:flex;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:200;flex-shrink:0}.sb-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sb-logo{height:66px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--bdr);flex-shrink:0}.sb-logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 4px 14px #10b98159}.sb-logo-txt{font-family:Syne,sans-serif;font-size:11.5px;font-weight:700;line-height:1.35;flex:1}.sb-logo-txt span{color:var(--su)}.sb-badge-role{font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0}.sb-nav{flex:1;overflow-y:auto;padding:10px 0}.sb-sec{font-size:9.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);padding:12px 18px 4px}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 18px;cursor:pointer;font-size:13px;color:var(--muted);border-left:3px solid transparent;transition:all .16s;-webkit-user-select:none;user-select:none}.sb-item:hover{background:var(--su-dim);color:var(--txt)}.sb-item.active{background:var(--su-dim);color:var(--su);font-weight:600;border-left-color:var(--su)}.sb-ico{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sb-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;color:#fff;flex-shrink:0}.sb-footer{padding:13px 16px;border-top:1px solid var(--bdr);display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.sb-uname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-urole{font-size:10.5px;color:var(--su)}.header{height:var(--hdr-height);background:var(--surf);border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px;padding:0 22px;flex-shrink:0}.burger{display:none;width:36px;height:36px;border:none;background:transparent;color:var(--txt);border-radius:8px;font-size:20px;align-items:center;justify-content:center}.burger:hover{background:var(--surf2)}.pg-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700;flex:1}.pg-title span{color:var(--su)}.hdr-acts{display:flex;align-items:center;gap:8px}.notif-btn{position:relative;width:34px;height:34px;border:1px solid var(--bdr);background:transparent;border-radius:10px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .16s}.notif-btn:hover{background:var(--su-dim);border-color:var(--su)}.notif-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:2px solid var(--surf)}.hbtn{height:34px;padding:0 13px;border:1px solid var(--bdr);background:transparent;color:var(--txt);border-radius:10px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;transition:all .16s;white-space:nowrap}.hbtn:hover{background:var(--su-dim);border-color:var(--su)}.hbtn.solid{background:var(--su);border-color:var(--su);color:#fff;font-weight:600}.hbtn.solid:hover{background:var(--su-hover)}.hbtn.warn{background:#f5a62326;border-color:#f5a6234d;color:var(--warn);font-weight:600}.hbtn.warn:hover{background:var(--warn);color:#fff;border-color:var(--warn)}.abt{height:26px;padding:0 9px;border:none;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;transition:all .16s}.abt.vw{background:#10b98126;color:var(--su)}.abt.vw:hover{background:var(--su);color:#fff}.abt.ok{background:#22c97a26;color:var(--ok)}.abt.ok:hover{background:var(--ok);color:#fff}.abt.no{background:#f04f4f26;color:var(--danger)}.abt.no:hover{background:var(--danger);color:#fff}.abt.warn{background:#f5a62326;color:var(--warn)}.abt.warn:hover{background:var(--warn);color:#fff}.abt.edit{background:#60a5fa26;color:var(--info)}.abt.edit:hover{background:var(--info);color:#fff}.abt.del{background:#f04f4f1f;color:var(--danger)}.abt.del:hover{background:var(--danger);color:#fff}.panel{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:18px;margin-bottom:16px}.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.sec-ttl{font-family:Syne,sans-serif;font-size:14px;font-weight:700}.sec-lnk{font-size:12px;color:var(--su);cursor:pointer;font-weight:600;background:none;border:none}.sec-lnk:hover{text-decoration:underline}.sec-acts{display:flex;gap:8px;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:18px 16px;position:relative;overflow:hidden;transition:transform .2s}.kpi:hover{transform:translateY(-2px)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kc, var(--su))}.kpi-ico{width:40px;height:40px;border-radius:11px;background:var(--kb, rgba(16,185,129,.12));display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.kpi-n{font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1}.kpi-l{font-size:11.5px;color:var(--muted);margin-top:3px}.kpi-d{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;margin-top:7px;padding:2px 7px;border-radius:20px}.kpi-d.up{background:#22c97a21;color:var(--ok)}.kpi-d.dn{background:#f04f4f21;color:var(--danger)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}.g31{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:16px}.col-stack{display:flex;flex-direction:column;gap:14px}.tbl-wrap{overflow-x:auto}th{text-align:left;padding:9px 11px;font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--bdr);white-space:nowrap}td{padding:11px;border-bottom:1px solid rgba(16,185,129,.07);vertical-align:middle}tr:hover td{background:#10b9810a}.chip{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;display:inline-block}.st-a{background:#22c97a26;color:#22c97a}.st-p{background:#f5a62326;color:#f5a623}.st-r{background:#f04f4f26;color:#f04f4f}.st-s{background:#78787826;color:var(--muted)}.st-b{background:#60a5fa26;color:#60a5fa}.st-em{background:#10b98126;color:#10b981}.st-v{background:#a78bfa26;color:#a78bfa}.ist-paid{background:#22c97a26;color:#22c97a}.ist-ship{background:#10b98126;color:#10b981}.ist-prod{background:#a78bfa26;color:#a78bfa}.ist-new{background:#60a5fa26;color:#60a5fa}.ist-overdue{background:#f5a62326;color:#f5a623}.ist-qc{background:#22c97a26;color:#22c97a}.fi{flex:1;min-width:140px;height:34px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none}.fi:focus{border-color:var(--su)}.fs{height:34px;padding:0 10px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;cursor:pointer;outline:none}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.row-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bdr)}.row-item:last-child{border-bottom:none}.hb-row{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid var(--bdr)}.hb-row:last-child{border-bottom:none}.hb-lbl{font-size:12.5px;min-width:120px}.hb-track{flex:1;height:5px;background:var(--surf2);border-radius:3px;margin:0 10px}.hb-fill{height:100%;border-radius:3px}.hb-val{font-size:12px;font-weight:700;width:42px;text-align:right}.mini-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bdr)}.alert-item{display:flex;gap:10px;padding:11px 12px;border-radius:10px;margin-bottom:8px;align-items:flex-start}.alert-r{background:#f04f4f1a;border:1px solid rgba(240,79,79,.22)}.alert-w{background:#f5a6231a;border:1px solid rgba(245,166,35,.22)}.alert-b{background:#60a5fa1a;border:1px solid rgba(96,165,250,.22)}.alert-g{background:#10b9811a;border:1px solid rgba(16,185,129,.22)}.alert-p{background:#a78bfa1a;border:1px solid rgba(167,139,250,.22)}.alert-ttl{font-size:12.5px;font-weight:700}.alert-msg{font-size:11.5px;color:var(--muted);margin-top:1px}.prod-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.prod-col{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;padding:12px}.prod-col-hd{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.prod-col-hd span{font-family:Syne;font-size:15px;font-weight:800;color:var(--txt)}.prod-card{background:var(--surf);border:1px solid var(--bdr);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .18s}.prod-card:hover{border-color:var(--su);transform:translateY(-1px)}.prod-card:last-child{margin-bottom:0}.pc-id{font-size:11px;color:var(--muted);margin-bottom:3px}.pc-name{font-size:12.5px;font-weight:700}.pc-buyer{font-size:11.5px;color:var(--muted);margin-top:2px}.pc-val{font-family:Syne;font-size:13px;font-weight:800;color:var(--su);margin-top:6px}.pc-prog{height:4px;border-radius:2px;background:var(--surf2);margin-top:8px;overflow:hidden}.pc-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#10b981,#34d399)}.listing-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;padding:15px;display:flex;gap:14px;align-items:flex-start;margin-bottom:10px;cursor:pointer;transition:all .18s}.listing-card:hover{border-color:var(--su);transform:translateY(-1px)}.listing-card:last-child{margin-bottom:0}.lc-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.lc-body{flex:1;min-width:0}.lc-name{font-size:13px;font-weight:700}.lc-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.lc-meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.lc-right{text-align:right;flex-shrink:0}.lc-price{font-family:Syne;font-size:15px;font-weight:800;color:var(--su)}.lc-moq{font-size:10.5px;color:var(--muted);margin-top:2px}.pay-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bdr)}.pay-row:last-child{border-bottom:none}.pay-ico{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pay-info{flex:1;min-width:0}.pay-name{font-size:12.5px;font-weight:700}.pay-ref{font-size:11px;color:var(--muted);margin-top:2px}.pay-amt{font-family:Syne;font-size:15px;font-weight:800;text-align:right}.pay-date{font-size:10.5px;color:var(--muted);text-align:right;margin-top:2px}.mod-bg{display:none;position:fixed;inset:0;background:#0009;z-index:500;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.mod-box{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;padding:26px;width:100%;max-width:480px;position:relative;animation:slideUp .2s ease}.mod-box.wide{max-width:640px}.mod-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:17px;border-radius:8px}.mod-close:hover{background:var(--surf2)}.mod-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700;margin-bottom:18px}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.fg{margin-bottom:13px}.fl{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px;display:block}.finp{width:100%;height:38px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none}.finp:focus{border-color:var(--su)}.fsel{width:100%;height:38px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;cursor:pointer;outline:none}.fta{width:100%;padding:10px 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:10px;font-size:13px;outline:none;resize:vertical;min-height:70px}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.burger{display:flex!important}.header{padding:0 14px}.content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g31,.g3{grid-template-columns:1fr}.prod-board{grid-template-columns:1fr 1fr}.pf-grid{grid-template-columns:1fr}.hide-mob{display:none!important}.frow{grid-template-columns:1fr}.listing-card{flex-direction:column}.lc-right{text-align:left}}@media(max-width:540px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-n{font-size:20px}td,th{padding:7px 8px}.prod-board{grid-template-columns:1fr}.content{padding:10px}}:root{--du: #f59e0b;--du2: #fbbf24;--du3: #d97706;--du-dim: rgba(245,158,11,.13);--ok: #22c97a;--danger:#f04f4f;--warn: #f5a623;--sky: #60a5fa;--violet:#a78bfa;--teal: #10b981;--sb-w: 240px;--hdr-h:58px}[data-theme=dark]{--bg: #07090b;--surf: #0f1214;--surf2:#161a1e;--surf3:#1d2328;--bdr: rgba(245,158,11,.13);--bdr2: rgba(245,158,11,.06);--txt: #f0ede8;--muted:#7a8070;--mut2: #3a4040}[data-theme=light]{--bg: #f8f6f0;--surf: #ffffff;--surf2:#f2f0e8;--surf3:#e8e4d8;--bdr: rgba(245,158,11,.2);--bdr2: rgba(245,158,11,.08);--txt: #1a1810;--muted:#6b6050;--mut2: #c0b8a8}.app{display:flex;height:100vh;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content{flex:1;overflow-y:auto;padding:20px 24px 40px}.sidebar{width:var(--sb-w);min-width:var(--sb-w);height:100vh;background:var(--surf);border-right:1px solid var(--bdr);display:flex;flex-direction:column;transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:200;flex-shrink:0;overflow-y:auto}.sb-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:150}.sb-overlay.show{display:block}.sb-brand{padding:14px 16px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-logo-ico{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--du),var(--du3));display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 3px 10px #f59e0b59}.sb-logo-txt{font-family:DM Sans,sans-serif;font-weight:800;font-size:13.5px;line-height:1.3}.sb-logo-sub{font-size:10px;color:var(--muted)}.sb-user{margin:10px 10px 4px;background:var(--surf2);border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:9px;flex-shrink:0}.sb-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--du),var(--du3));display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-weight:800;font-size:12px;color:#000;flex-shrink:0}.sb-nm{font-size:12px;font-weight:700;line-height:1.3}.sb-role{font-size:10px;color:var(--muted)}.sb-sect{padding:13px 16px 4px;font-size:9.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--mut2);font-weight:700;flex-shrink:0}.sb-nav{list-style:none;padding:0 8px}.sb-nav li button{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:none;background:transparent;color:var(--muted);border-radius:9px;cursor:pointer;font-size:12.5px;font-family:DM Sans,sans-serif;transition:background .16s,color .16s;text-align:left;border-left:2px solid transparent}.sb-nav li button:hover{background:var(--surf2);color:var(--txt)}.sb-nav li button.active{background:var(--du-dim);color:var(--du);font-weight:700;border-left-color:var(--du)}.sb-ic{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sb-badge{margin-left:auto;background:var(--du);color:#000;font-size:10px;font-weight:800;padding:2px 6px;border-radius:20px;flex-shrink:0}.sb-badge.warn{background:var(--danger);color:#fff}.hdr{height:var(--hdr-h);background:var(--surf);border-bottom:1px solid var(--bdr);padding:0 22px;display:flex;align-items:center;gap:10px;flex-shrink:0}.hdr-burger{display:none;background:none;border:none;color:var(--txt);font-size:22px;cursor:pointer;padding:4px 6px;border-radius:8px}.hdr-burger:hover{background:var(--surf2)}.hdr-title{font-family:DM Sans,sans-serif;font-size:17px;font-weight:800;flex:1}.hdr-title span{color:var(--du)}.hdr-acts{display:flex;align-items:center;gap:7px}.notif-wrap{position:relative}.notif-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:1.5px solid var(--surf);pointer-events:none}.hbtn{background:var(--surf2);border:1px solid var(--bdr);color:var(--txt);padding:7px 13px;border-radius:9px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .16s}.hbtn:hover{background:var(--surf3)}.hbtn.solid{background:var(--du);color:#000;border-color:var(--du)}.hbtn.solid:hover{background:var(--du2)}.hbtn.danger{border-color:#f04f4f4d;color:var(--danger)}.hbtn.danger:hover{background:#f04f4f1a}.abt{border:none;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:all .14s;white-space:nowrap}.abt.blue{background:#60a5fa1f;color:#60a5fa}.abt.blue:hover{background:#60a5fa;color:#000}.abt.green{background:#22c97a1f;color:#22c97a}.abt.green:hover{background:#22c97a;color:#000}.abt.amber{background:#f59e0b1f;color:var(--du)}.abt.amber:hover{background:var(--du);color:#000}.abt.red{background:#f04f4f1a;color:#f04f4f}.abt.red:hover{background:#f04f4f;color:#fff}.panel{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:18px 20px;margin-bottom:16px}.panel:last-child{margin-bottom:0}.sec-hd{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.sec-ttl{font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:800;flex:1}.sec-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:16px 18px}.kpi-ico{font-size:22px;margin-bottom:8px}.kpi-val{font-family:DM Sans,sans-serif;font-size:26px;font-weight:800;line-height:1;margin-bottom:3px}.kpi-lbl{font-size:11.5px;color:var(--muted);margin-bottom:4px}.kpi-delta{font-size:11px;font-weight:600}.kpi-delta.up{color:var(--ok)}.kpi-delta.dn{color:var(--danger)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.col-stack{display:flex;flex-direction:column;gap:16px}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--bdr);white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--bdr2);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surf2);transition:background .12s}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}.chip-green{background:#22c97a1f;color:#22c97a;border-color:#22c97a33}.chip-red{background:#f04f4f1f;color:#f04f4f;border-color:#f04f4f33}.chip-blue{background:#60a5fa1f;color:#60a5fa;border-color:#60a5fa33}.chip-amber{background:#f59e0b1f;color:var(--du);border-color:#f59e0b38}.chip-violet{background:#a78bfa1f;color:#a78bfa;border-color:#a78bfa33}.chip-teal{background:#10b9811f;color:#10b981;border-color:#10b98133}.chip-grey{background:#7a80781a;color:var(--muted);border-color:#7a807826}.fg{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.fl{font-size:11.5px;font-weight:600;color:var(--muted)}.finp{background:var(--surf2);border:1px solid var(--bdr);border-radius:9px;padding:9px 12px;font-size:13px;color:var(--txt);outline:none;width:100%;transition:border-color .16s}.finp:focus{border-color:var(--du)}.fsel{background:var(--surf2);border:1px solid var(--bdr);border-radius:9px;padding:9px 12px;font-size:13px;color:var(--txt);outline:none;cursor:pointer;width:100%}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fta{background:var(--surf2);border:1px solid var(--bdr);border-radius:9px;padding:9px 12px;font-size:13px;color:var(--txt);outline:none;resize:vertical;min-height:72px;width:100%}.fta:focus{border-color:var(--du)}.fs{background:var(--surf2);border:1px solid var(--bdr);border-radius:9px;padding:6px 10px;font-size:12px;color:var(--txt);outline:none;cursor:pointer}.mod-bg{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;align-items:center;justify-content:center;padding:16px}.mod-bg.show{display:flex}.mod-box{background:var(--surf);border:1px solid var(--bdr);border-radius:18px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:modIn .2s ease}.mod-box.wide{max-width:680px}@keyframes modIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mod-hd{display:flex;align-items:center;gap:10px;margin-bottom:18px}.mod-ttl{font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;flex:1}.mod-x{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:2px 6px;border-radius:6px;transition:background .14s}.mod-x:hover{background:var(--surf2);color:var(--txt)}.mod-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.alert-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin-bottom:8px;border:1px solid var(--bdr);cursor:pointer;transition:background .14s}.alert-item:last-child{margin-bottom:0}.alert-item:hover{background:var(--surf2)}.alert-ttl{font-size:13px;font-weight:700;margin-bottom:2px}.alert-msg{font-size:12px;color:var(--muted)}.alert-r{background:#f04f4f0d;border-color:#f04f4f33}.alert-w{background:#f59e0b0d;border-color:#f59e0b33}.alert-g{background:#22c97a0d;border-color:#22c97a33}.alert-b{background:#60a5fa0d;border-color:#60a5fa33}.alert-p{background:#a78bfa0d;border-color:#a78bfa33}.hb-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hb-row:last-child{margin-bottom:0}.hb-lbl{font-size:12px;width:160px;flex-shrink:0}.hb-track{flex:1;height:7px;background:var(--surf3);border-radius:4px;overflow:hidden}.hb-fill{height:100%;border-radius:4px}.hb-val{font-family:DM Sans,sans-serif;font-size:12px;font-weight:800;width:38px;text-align:right}.tgt-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:14px;padding:18px;text-align:center}.tgt-ring{width:100px;height:100px;margin:0 auto 12px;position:relative}.tgt-ring svg{transform:rotate(-90deg)}.tgt-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:18px;font-weight:800}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:14px;padding:16px;cursor:pointer;transition:border-color .16s,transform .16s}.cat-card:hover{border-color:var(--du);transform:translateY(-2px)}.cat-ico{font-size:28px;margin-bottom:8px}.cat-name{font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;margin-bottom:4px}.cat-sub{font-size:11.5px;color:var(--muted);margin-bottom:8px;line-height:1.4}.cat-price{font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;color:var(--du)}.cust-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;padding:12px 14px;margin-bottom:10px;display:flex;align-items:center;gap:12px;transition:border-color .14s}.cust-card:last-child{margin-bottom:0}.cust-card:hover{border-color:var(--du)}.cust-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-weight:800;font-size:13px;flex-shrink:0}.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-field{background:var(--surf2);border:1px solid var(--bdr2);border-radius:9px;padding:10px 12px}.pf-lbl{font-size:10.5px;color:var(--muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.6px}.mini-stat{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--bdr2)}.mini-stat:last-child{border-bottom:none}.filter-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.fi{flex:1;min-width:160px;height:34px;padding:0 12px;border:1px solid var(--bdr);background:var(--surf2);color:var(--txt);border-radius:9px;font-size:13px;outline:none}.fi:focus{border-color:var(--du)}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--bdr2);font-size:13px}.calc-row:last-child{border-bottom:none}.promo-badge{background:var(--du);color:#000;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;display:inline-flex;margin-bottom:8px}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;height:100%;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar.open{transform:translate(0)}.hdr-burger{display:flex!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g3{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.pf-grid{grid-template-columns:1fr}.hb-lbl{width:120px}.hide-mob{display:none!important}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-val{font-size:22px}.cat-grid{grid-template-columns:1fr}.content{padding:14px 14px 40px}.panel{padding:14px}.hdr{padding:0 14px}.frow{grid-template-columns:1fr}.tgt-card{padding:12px}}:root{--by: #0ea5e9;--by-dim: rgba(14,165,233,.14);--by-hover: #0284c7;--bg: #060d14;--surf: #0c1820;--surf2: #111f2b;--bdr: rgba(14,165,233,.18);--txt: #eef6fc;--muted: #6a8fa8;--danger: #f04f4f;--warn: #f5a623;--ok: #22c97a;--info: #a78bfa;--sb-width: 258px;--hdr-height: 64px}[data-theme=light]{--bg: #f0f7fc;--surf: #fff;--surf2: #e4f1f9;--bdr: rgba(14,165,233,.2);--txt: #061018;--muted: #4a7090}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{background:var(--surf2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .18s}.product-card:hover{border-color:var(--by);transform:translateY(-2px);box-shadow:0 8px 28px #0ea5e926}.prod-img{height:100px;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative}.prod-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px}.prod-info{padding:12px}.prod-name{font-size:13px;font-weight:700;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-sub{font-size:11px;color:var(--muted);margin-bottom:8px}.prod-price{font-family:Syne,sans-serif;font-size:15px;font-weight:800;color:var(--by)}.prod-price-sub{font-size:10.5px;color:var(--muted);font-family:DM Sans,sans-serif;font-weight:400}.track-step{display:flex;gap:12px}.track-spine{display:flex;flex-direction:column;align-items:center;width:26px;flex-shrink:0}.track-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.track-dot.done{background:var(--ok);color:#fff}.track-dot.curr{background:var(--by);color:#fff;box-shadow:0 0 0 4px #0ea5e933}.track-dot.pend{background:var(--surf2);border:2px solid var(--bdr);color:var(--muted)}.track-bar{flex:1;width:2px;background:var(--bdr);margin:2px 0;min-height:18px}.track-bar.done{background:var(--ok)}.track-content{padding:2px 0 18px;flex:1}.track-ttl{font-size:13px;font-weight:700}.track-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.track-time{font-size:10.5px;color:var(--muted);margin-top:3px}.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-field{padding:12px;background:var(--surf2);border:1px solid var(--bdr);border-radius:10px}.pf-lbl{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.pf-val{font-size:13px;font-weight:600}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.cat-tile{border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:transform .18s}.cat-tile:hover{transform:translateY(-2px)}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.burger{display:flex!important}.header{padding:0 14px}.content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.g2,.g31,.g3{grid-template-columns:1fr}.product-grid,.cat-grid{grid-template-columns:1fr 1fr}.pf-grid{grid-template-columns:1fr}.hide-mob{display:none!important}.frow{grid-template-columns:1fr}}@media(max-width:540px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-n{font-size:20px}td,th{padding:7px 8px}.product-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:1fr 1fr}.content{padding:10px}}