:root{--ink: #122534;--ink-2: #1B3A4E;--ink-3: #274A61;--paper: #EEF1EF;--card: #FFFFFF;--line: #DDE3E1;--text: #16232B;--text-dim: #5B6E77;--brand: #0E7C86;--brand-dark: #0A5A62;--orange: #E2571C;--orange-tint: #FCE8DF;--teal: #1E8A72;--teal-tint: #E1F2EC;--amber: #C98A12;--amber-tint: #FBF0DA;--grey-tint: #EEEEEC;--radius: 10px;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text);background:var(--paper);line-height:1.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:10}.sidebar-brand{padding:22px 20px 14px;border-bottom:1px solid var(--ink-2)}.sidebar-brand h1{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.3px}.sidebar-brand .subtitle{font-size:.7rem;color:#7b949e;text-transform:uppercase;letter-spacing:.12em;margin-top:2px;font-weight:500}.sidebar-nav{flex:1;padding:12px 0;display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#a8bbc4;font-size:.875rem;font-weight:500;border-left:3px solid transparent;transition:all .15s ease;letter-spacing:.01em}.sidebar-nav a:hover{color:#fff;background:#ffffff0a;border-left-color:var(--ink-3)}.sidebar-nav a.active{color:#fff;background:#ffffff12;border-left-color:var(--orange);font-weight:600}.sidebar-divider{padding:18px 20px 8px;font-size:.65rem;color:#5b7a88;text-transform:uppercase;letter-spacing:.12em;font-weight:700;cursor:default;-webkit-user-select:none;user-select:none}.sidebar-nav a.nav-indent{padding-left:20px;font-size:.875rem}.sidebar-nav a .nav-icon{font-size:1.05rem;width:26px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--ink-2);font-size:.7rem;color:#6b828e;line-height:1.6}.sidebar-footer .name{color:#c4d2d9;font-weight:600}.main-content{padding:28px 32px;overflow-x:clip;background:var(--paper)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header .breadcrumb{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-bottom:4px}.page-header h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--ink);letter-spacing:-.4px}.page-header-actions{display:flex;gap:8px;align-items:center}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s ease}.kpi-card:hover{box-shadow:0 3px 12px #0000000f}.kpi-card .kpi-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi-card .kpi-value{font-family:var(--font-mono);font-size:1.65rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}.kpi-card .kpi-delta{font-size:.78rem;font-weight:500}.kpi-delta.up{color:var(--teal)}.kpi-delta.down{color:var(--orange)}.dash-root{display:flex;flex-direction:column;gap:14px}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.dash-header-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:.06em;color:var(--ink)}.dash-header-sub{font-size:.72rem;color:var(--text-dim);margin-top:2px}.dash-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-pills{display:flex;gap:4px;background:var(--grey-tint);border-radius:20px;padding:3px}.dash-pill{border:none;background:transparent;color:var(--text-dim);font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:18px;cursor:pointer;transition:all .15s;white-space:nowrap}.dash-pill:hover{color:var(--ink)}.dash-pill.active{background:var(--card);color:var(--brand-dark);box-shadow:0 1px 4px #0000001f}.dash-view-toggle{display:flex;gap:4px;background:var(--grey-tint);border-radius:20px;padding:3px}.dash-iconbtn{width:30px;height:30px;border:1px solid var(--line);background:var(--card);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.dash-iconbtn:hover{background:var(--grey-tint)}.dash-export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0000001f;z-index:50;min-width:150px;overflow:hidden}.dash-export-menu button{display:block;width:100%;text-align:left;padding:9px 14px;border:none;background:none;cursor:pointer;font-size:.8rem}.dash-export-menu button:hover{background:var(--grey-tint)}.dash-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.dash-kpi{background:linear-gradient(135deg,var(--card) 0%,#FBFCFB 100%);border:1px solid var(--line);border-radius:12px;padding:12px 14px 10px;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.dash-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc, var(--brand))}.dash-kpi-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dash-kpi-ico{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.dash-kpi-label{font-size:.68rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-kpi-val{font-family:var(--font-mono);font-size:1.18rem;font-weight:700;color:var(--ink);line-height:1.15}.dash-kpi-foot{display:flex;align-items:center;gap:6px;margin-top:4px;min-height:15px}.dash-kpi-sub{font-size:.68rem;color:var(--text-dim)}.dash-kpi-health-mini{background:linear-gradient(135deg,#F3FAF7 0%,var(--card) 100%)}.dash-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}.dash-section-title>span{font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.05em;color:var(--ink)}.dash-mini-stats{display:flex;gap:14px;flex-wrap:wrap}.dash-mini-stat{font-size:.7rem;color:var(--text-dim)}.dash-mini-stat b{font-family:var(--font-mono);color:var(--ink);font-size:.78rem;margin-right:3px}.dash-grid{display:grid;gap:14px}.dash-grid-2{grid-template-columns:1fr 1fr}.dash-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1200px){.dash-grid-3{grid-template-columns:1fr 1fr}.dash-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.dash-grid-3,.dash-grid-2{grid-template-columns:1fr}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}}.dash-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000d;min-width:0}.dash-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.dash-card-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--ink);letter-spacing:.03em}.dash-card-ico{font-size:.85rem}.dash-chip{display:inline-block;background:var(--grey-tint);color:var(--text-dim);border-radius:12px;padding:3px 10px;font-size:.68rem;font-weight:600;white-space:nowrap}.dash-subhead{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dash-empty{text-align:center;padding:22px 10px;color:#a9b4ba;font-size:.8rem}.dash-health{display:flex;flex-direction:column;align-items:center;text-align:center}.dash-health-label{font-weight:700;font-size:.75rem;color:var(--ink);margin-top:2px}.dash-health-sub{font-size:.66rem;color:var(--text-dim);margin-top:2px}.dash-hm{margin-bottom:9px}.dash-hm-row{display:flex;justify-content:space-between;margin-bottom:3px}.dash-hm-label{font-size:.7rem;color:var(--text-dim);font-weight:600}.dash-hm-val{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--ink)}.dash-hm-bar{height:5px;background:#eef1ef;border-radius:3px;overflow:hidden}.dash-hm-fill{height:100%;border-radius:3px;transition:width .6s ease}.dash-ring{display:flex;flex-direction:column;align-items:center;min-width:82px;flex:1;padding:6px 2px}.dash-ring-label{font-size:.68rem;font-weight:700;color:var(--ink);margin-top:3px}.dash-ring-sub{font-size:.62rem;color:var(--text-dim)}.dash-rank{display:flex;flex-direction:column;gap:8px}.dash-rank-item{display:flex;align-items:center;gap:10px;padding:5px 0;min-width:0}.dash-rank-idx{width:22px;height:22px;border-radius:6px;font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono)}.dash-rank-main{flex:1;min-width:0}.dash-rank-name{font-size:.76rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rank-sub{font-size:.66rem;color:var(--text-dim)}.dash-rank-bar{height:3px;background:#eef1ef;border-radius:2px;margin-top:3px;overflow:hidden}.dash-rank-bar>div{height:100%;border-radius:2px;transition:width .5s ease}.dash-rank-val{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--ink);white-space:nowrap}.dash-waterfall-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.dash-waterfall-grid>div{display:flex;flex-direction:column;align-items:center;padding:7px 4px;background:#fafbfc;border:1px solid #EEF1EF;border-radius:8px}.dash-waterfall-grid .dash-wf-net{background:#e1f2ec;border-color:#cbe6dd}.dash-wf-label{font-size:.62rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;text-align:center}.dash-wf-val{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--ink);margin-top:2px}.dash-act{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #F5F6F7}.dash-act:last-child{border-bottom:none}.dash-act-ico{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.dash-act-body{flex:1;min-width:0}.dash-act-title{font-size:.74rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-act-meta{font-size:.66rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-act-time{font-size:.62rem;color:#a9b4ba;white-space:nowrap}.dash-alert{border-radius:8px;padding:7px 10px;font-size:.7rem;font-weight:600;margin-bottom:6px}.dash-foot{text-align:center;font-size:.66rem;color:#a9b4ba;padding:4px 0 8px}.bi-root{display:flex;flex-direction:column;gap:14px}.bi-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:linear-gradient(120deg,#0e7c86,#0a5a62 60%,#122534);border-radius:12px;color:#fff}.bi-header-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;letter-spacing:.07em;color:#fff}.bi-header-sub{font-size:.72rem;color:#ffffffbf;margin-top:3px}.bi-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bi-role-toggle{display:flex;gap:4px;background:#ffffff24;border-radius:20px;padding:3px}.bi-pill{border:none;background:transparent;color:#ffffffd9;font-size:.7rem;font-weight:600;padding:5px 12px;border-radius:18px;cursor:pointer;white-space:nowrap;transition:all .15s}.bi-pill:hover{color:#fff}.bi-pill.active{background:#fff;color:#0a5a62;box-shadow:0 1px 4px #0003}.bi-iconbtn{width:30px;height:30px;border:none;background:#ffffff29;border-radius:8px;cursor:pointer;font-size:.9rem;color:#fff;display:inline-flex;align-items:center;justify-content:center}.bi-iconbtn:hover{background:#ffffff47}.bi-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media (max-width: 1200px){.bi-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.bi-kpi-row{grid-template-columns:repeat(2,1fr)}}.bi-kpi{background:linear-gradient(135deg,var(--card) 0%,#FBFCFB 100%);border:1px solid var(--line);border-radius:12px;padding:12px 14px 10px;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.bi-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.bi-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc, var(--brand))}.bi-kpi-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bi-kpi-ico{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.bi-kpi-label{font-size:.68rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.bi-drill-hint{font-size:.68rem;color:#a9b4ba}.bi-kpi-val{font-family:var(--font-mono);font-size:1.18rem;font-weight:700;color:var(--ink);line-height:1.15}.bi-kpi-foot{display:flex;align-items:center;gap:6px;margin-top:4px;min-height:15px}.bi-kpi-sub{font-size:.68rem;color:var(--text-dim)}.bi-mega-menu{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px}.bi-mega-tab{border:none;background:transparent;color:var(--text-dim);font-size:.76rem;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.bi-mega-tab:hover{background:var(--grey-tint);color:var(--ink)}.bi-mega-tab.active{background:#0e7c86;color:#fff;box-shadow:0 2px 8px #0e7c864d}.bi-grid{display:grid;gap:14px}.bi-grid-2{grid-template-columns:1fr 1fr}.bi-grid-3{grid-template-columns:repeat(3,1fr)}.bi-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.bi-grid-3,.bi-grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.bi-grid-2,.bi-grid-3,.bi-grid-4{grid-template-columns:1fr}}.bi-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000d;min-width:0}.bi-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.bi-card-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--ink);letter-spacing:.03em}.bi-card-ico{font-size:.85rem}.bi-chip{display:inline-block;background:var(--grey-tint);color:var(--text-dim);border-radius:12px;padding:3px 10px;font-size:.68rem;font-weight:600;white-space:nowrap}.bi-subhead{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.bi-empty{text-align:center;padding:18px 12px;background:#fafbfc;border:1px dashed #DDE3E1;border-radius:10px}.bi-empty-title{font-size:.78rem;font-weight:700;color:var(--ink)}.bi-empty-hint{font-size:.68rem;color:#a9b4ba;margin-top:3px}.bi-foot{text-align:center;font-size:.66rem;color:#a9b4ba;padding:4px 0 8px}.bi-rank-item{display:flex;align-items:center;gap:10px;padding:5px 0;min-width:0}.bi-rank-idx{width:22px;height:22px;border-radius:6px;font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono)}.bi-rank-main{flex:1;min-width:0}.bi-rank-name{font-size:.76rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-rank-sub{font-size:.66rem;color:var(--text-dim)}.bi-rank-bar{height:3px;background:#eef1ef;border-radius:2px;margin-top:3px;overflow:hidden}.bi-rank-bar>div{height:100%;border-radius:2px;transition:width .5s ease}.bi-rank-val{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--ink);white-space:nowrap}.bi-health{display:flex;flex-direction:column;align-items:center;text-align:center}.bi-health-label{font-weight:700;font-size:.85rem;color:var(--ink);margin-top:2px}.bi-health-sub{font-size:.66rem;color:var(--text-dim);margin-top:3px;max-width:200px}.bi-metric{margin-bottom:9px}.bi-metric-row{display:flex;justify-content:space-between;margin-bottom:3px}.bi-metric-label{font-size:.7rem;color:var(--text-dim);font-weight:600}.bi-metric-val{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--ink)}.bi-metric-bar{height:5px;background:#eef1ef;border-radius:3px;overflow:hidden}.bi-metric-bar>div{height:100%;border-radius:3px;transition:width .6s ease}.bi-ring{display:flex;flex-direction:column;align-items:center;min-width:82px;flex:1;padding:6px 2px}.bi-ring-label{font-size:.68rem;font-weight:700;color:var(--ink);margin-top:3px}.bi-ring-sub{font-size:.62rem;color:var(--text-dim)}.bi-alert{border-radius:8px;padding:8px 12px;font-size:.74rem;font-weight:600;margin-bottom:8px}.bi-mini{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--acc, var(--brand));border-radius:10px;padding:10px 14px}.bi-mini-label{font-size:.66rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.bi-mini-val{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--ink);margin-top:3px}.bi-ceo-strip{gap:10px}.bi-ceo-mini{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}.bi-ceo-mini .bi-mini-ico{margin-right:6px}.bi-ceo-mini .bi-mini-val{font-size:1.15rem;margin-top:4px}.bi-root{min-height:calc(100vh - 60px)}.bi-root>.bi-grid,.bi-root>.bi-card,.bi-root>.bi-header,.bi-root>.bi-mega-menu,.bi-root>.bi-kpi-row{flex:none}.bi-ceo-chart{height:280px}.bi-mega-tab{white-space:nowrap}.bi-root>.bi-grid{grid-auto-rows:minmax(230px,auto)}.bi-root>.bi-grid.bi-grid-4{grid-auto-rows:auto}.bi-root>.bi-grid .bi-card{display:flex;flex-direction:column}.bi-root>.bi-grid .bi-card>*:last-child{flex:1}.bi-empty{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bi-funnel{display:flex;align-items:center;gap:10px;padding:6px 0}.bi-funnel-label{font-size:.72rem;font-weight:600;color:var(--ink);width:84px}.bi-funnel-bar{flex:1;height:22px;background:#f2f4f5;border-radius:5px;overflow:hidden}.bi-funnel-bar>div{height:100%;border-radius:5px;transition:width .5s ease}.bi-funnel-val{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--ink);width:60px;text-align:right}.bi-forecast-card{background:linear-gradient(135deg,var(--card) 0%,#FAFBFC 100%);border:1px solid var(--line);border-top:3px solid var(--fc, var(--brand));border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #0000000d}.bi-forecast-ico{font-size:1.3rem;margin-bottom:8px}.bi-forecast-label{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.bi-forecast-val{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--ink);margin-top:4px}.bi-forecast-sub{font-size:.66rem;color:#a9b4ba;margin-top:4px}.bi-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 1000px){.bi-kpi-grid{grid-template-columns:repeat(2,1fr)}}.bi-kpi-cell{background:#fafbfc;border:1px solid #EEF1EF;border-radius:10px;padding:10px 14px}.bi-kpi-cell-label{display:block;font-size:.64rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.bi-kpi-cell-val{display:block;font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--ink);margin-top:3px}.bi-drill{max-height:88vh;overflow-y:auto}.vbill-drawer{width:760px;background:var(--paper, #EEF1EF)}.vbill-simple{width:920px;background:#fff}.vbill-simple-head{border-left:3px solid #2563EB;padding:14px 24px}.vbill-simple-body{padding:20px 24px 24px}.vbill-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.vbill-simple-grid .form-group{margin:0}.vbill-simple-grid label{font-size:.72rem;font-weight:600;color:var(--text-dim, #5B6E77);margin-bottom:5px;display:block;text-transform:uppercase;letter-spacing:.04em}.vbill-simple-grid input,.vbill-simple-grid select{width:100%;border:1.5px solid #E3E8EC;border-radius:8px;padding:10px 12px;font-size:.92rem;background:#fafbfc;transition:border-color .15s,background .15s}.vbill-simple-grid input:focus,.vbill-simple-grid select:focus{border-color:#2563eb;background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb14}.vbill-simple-grid input::placeholder{color:#a9b4ba}.vbill-search-wrap{position:relative}.vbill-search-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:#fff;border:1px solid #E3E8EC;border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;max-height:260px;overflow-y:auto}.vbill-search-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 14px;border:none;background:none;cursor:pointer;font-size:.85rem;color:var(--ink, #122534)}.vbill-search-item:hover{background:#f0f7ff}.vbill-search-item-sub{font-size:.66rem;color:var(--text-dim, #5B6E77)}.vbill-search-empty{padding:12px 14px;font-size:.78rem;color:var(--text-dim, #5B6E77)}.vbill-search-selected{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.68rem;font-weight:700;color:#16a34a;pointer-events:none}.vbill-amount-field{display:flex;align-items:center;border:1.5px solid #E3E8EC;border-radius:8px;overflow:hidden;background:#fafbfc;transition:border-color .15s,box-shadow .15s}.vbill-amount-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14;background:#fff}.vbill-pkr{padding:10px 13px;background:#eef3fb;color:#2563eb;font-weight:700;font-size:.85rem;border-right:1px solid #E3E8EC;font-family:var(--font-mono, "IBM Plex Mono");white-space:nowrap}.vbill-amount-field input{flex:1;border:none!important;outline:none;background:transparent;padding:10px 12px;font-family:var(--font-mono, "IBM Plex Mono");font-size:1.02rem;font-weight:600;min-width:0}.vbill-amount-field input:focus{box-shadow:none!important;border-color:transparent!important}.vbill-save-btn{padding:10px 30px;font-size:.9rem;border-radius:8px}.vbill-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:var(--card, #fff);border-bottom:1px solid var(--line, #DDE3E1);border-left:4px solid #2563EB}.vbill-head-ico{width:40px;height:40px;border-radius:10px;background:#e8effd;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem}.vbill-head-title{font-family:var(--font-heading, "Space Grotesk");font-size:1.05rem;font-weight:700;color:var(--ink, #122534)}.vbill-head-sub{font-size:.7rem;color:var(--text-dim, #5B6E77);text-transform:uppercase;letter-spacing:.05em}.vbill-close{background:var(--grey-tint, #EEEEEC);color:var(--ink, #122534)}.vbill-close:hover{background:#e2e6e4}.vbill-section{background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-radius:10px;padding:14px 18px;margin-bottom:12px;box-shadow:0 1px 3px #0000000a}.vbill-section-title{font-size:.68rem;font-weight:700;color:var(--text-dim, #5B6E77);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.vbill-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.vbill-grid .form-group{margin-bottom:12px}.vbill-amount-field{display:flex;align-items:center;border:1.5px solid #ddd;border-radius:6px;overflow:hidden;background:#fff;transition:border-color .2s}.vbill-amount-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vbill-pkr{padding:10px 12px;background:#eef3fb;color:#2563eb;font-weight:700;font-size:.85rem;border-right:1px solid #ddd;font-family:var(--font-mono, "IBM Plex Mono");white-space:nowrap}.vbill-amount-field input{flex:1;border:none;outline:none;padding:10px 12px;font-family:var(--font-mono, "IBM Plex Mono");font-size:1rem;font-weight:600;min-width:0}.vbill-amount-field input::-webkit-inner-spin-button{opacity:1}.vbill-vendor-card{background:linear-gradient(135deg,#f7fafc,#eef3fb);border:1px solid #D6E2F2;border-radius:10px;padding:14px 18px;margin-bottom:12px}.vbill-vendor-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.vbill-vendor-name{font-family:var(--font-heading, "Space Grotesk");font-size:.95rem;font-weight:700;color:var(--ink, #122534)}.vbill-vendor-meta{font-size:.7rem;color:var(--text-dim, #5B6E77);margin-top:2px}.vbill-pref-badge{display:inline-block;background:#fff4d6;color:#8a6100;border:1px solid #F0D98C;border-radius:20px;padding:1px 8px;font-size:.62rem;font-weight:700;margin-left:6px}.vbill-vendor-ico{font-size:1.4rem;opacity:.8}.vbill-vendor-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vbill-vendor-stats>div{background:var(--card, #fff);border-radius:8px;padding:8px 10px;border:1px solid #E4EBF4}.vbill-vendor-stats .k{display:block;font-size:.6rem;color:var(--text-dim, #5B6E77);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.vbill-vendor-stats .v{display:block;font-family:var(--font-mono, "IBM Plex Mono");font-size:.85rem;font-weight:700;color:var(--ink, #122534);margin-top:2px}.vbill-po-match{background:#f0f7ff;border:1px solid #BCD7EE;border-radius:8px;padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.vbill-po-match-row{display:flex;justify-content:space-between;gap:8px;font-size:.76rem}.vbill-po-match-row span{color:var(--text-dim, #5B6E77)}.vbill-po-match-row b{color:var(--ink, #122534);text-align:right}.vbill-empty-note{font-size:.72rem;color:var(--text-dim, #5B6E77);padding:6px 2px}.vbill-drop{display:block;border:2px dashed #C6D3E4;border-radius:10px;background:#fafcff;cursor:pointer;transition:border-color .15s,background .15s}.vbill-drop:hover{border-color:#2563eb;background:#f0f7ff}.vbill-drop-inner{display:flex;align-items:center;gap:12px;padding:16px 18px}.vbill-drop-ico{font-size:1.3rem}.vbill-drop-hint{font-size:.66rem;color:var(--text-dim, #5B6E77)}.vbill-file-attached{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;font-size:.8rem;color:var(--ink, #122534)}.vbill-fin-summary{background:linear-gradient(135deg,#122534,#1b3a4e);border-radius:10px;padding:14px 18px;margin-bottom:12px;color:#fff}.vbill-fin-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf;margin-bottom:10px}.vbill-fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vbill-fin-grid>div{background:#ffffff12;border-radius:8px;padding:8px 10px}.vbill-fin-grid .k{display:block;font-size:.6rem;color:#fff9;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.vbill-fin-grid .v{display:block;font-family:var(--font-mono, "IBM Plex Mono");font-size:.9rem;font-weight:700;margin-top:2px}.vbill-recent{display:flex;flex-wrap:wrap;gap:8px}.vbill-recent-chip{display:inline-flex;align-items:center;gap:8px;background:var(--grey-tint, #EEEEEC);border:1px solid var(--line, #DDE3E1);border-radius:20px;padding:5px 12px;font-size:.72rem;color:var(--text-dim, #5B6E77)}.vbill-recent-chip b{color:var(--ink, #122534)}.vbill-actions{display:flex;align-items:center;gap:10px;padding:12px 22px;background:var(--card, #fff);border-top:1px solid var(--line, #DDE3E1);position:sticky;bottom:0;z-index:5;box-shadow:0 -4px 12px #0000000a}.mech-root{display:flex;flex-direction:column;gap:14px}.mech-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px;border-left:4px solid #0E7C86}.mech-header-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:.06em;color:var(--ink)}.mech-header-sub{font-size:.72rem;color:var(--text-dim);margin-top:2px}.mech-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mech-view-toggle{display:flex;gap:4px;background:var(--grey-tint);border-radius:20px;padding:3px}.mech-view-btn{border:none;background:transparent;color:var(--text-dim);font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:18px;cursor:pointer}.mech-view-btn.active{background:var(--card);color:#0a5a62;box-shadow:0 1px 4px #0000001f}.mech-export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0000001f;z-index:50;min-width:140px;overflow:hidden}.mech-export-menu button{display:block;width:100%;text-align:left;padding:9px 14px;border:none;background:none;cursor:pointer;font-size:.8rem}.mech-export-menu button:hover{background:var(--grey-tint)}.mech-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media (max-width: 1200px){.mech-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.mech-kpi-row{grid-template-columns:repeat(2,1fr)}}.mech-kpi{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--acc, var(--brand));border-radius:12px;padding:10px 14px;box-shadow:0 1px 3px #0000000d}.mech-kpi-ico{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mech-kpi-val{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--ink);line-height:1.1}.mech-kpi-label{font-size:.64rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.mech-toolbar{display:flex;flex-direction:column;gap:10px}.mech-search{position:relative}.mech-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.85rem}.mech-search input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 36px;font-size:.88rem;background:var(--card);transition:border-color .15s}.mech-search input:focus{outline:none;border-color:#0e7c86;box-shadow:0 0 0 3px #0e7c8614}.mech-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:var(--grey-tint);border-radius:50%;width:20px;height:20px;font-size:.6rem;cursor:pointer;color:var(--text-dim)}.mech-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.mech-chip{border:1px solid var(--line);background:var(--card);color:var(--text-dim);border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.mech-chip:hover{border-color:#0e7c86;color:var(--ink)}.mech-chip.active{background:#0e7c86;color:#fff;border-color:#0e7c86}.mech-chip.green.active{background:#16a34a;border-color:#16a34a}.mech-chip.amber.active{background:#c98a12;border-color:#c98a12}.mech-chip.blue.active{background:#2563eb;border-color:#2563eb}.mech-chip.red.active{background:#dc2626;border-color:#dc2626}.mech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1300px){.mech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.mech-grid{grid-template-columns:1fr}}.mech-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 4px #0000000d;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:12px}.mech-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.mech-card.inactive{opacity:.68}.mech-card-top{display:flex;align-items:center;gap:12px}.mech-avatar{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;font-family:var(--font-heading);flex-shrink:0}.mech-card-name-block{flex:1;min-width:0}.mech-card-name{font-family:var(--font-heading);font-size:.92rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mech-status{display:inline-block;border-radius:20px;padding:2px 10px;font-size:.66rem;font-weight:700;margin-top:4px}.mech-menu-btn{border:1px solid var(--line);background:var(--card);color:var(--text-dim);border-radius:8px;width:30px;height:30px;cursor:pointer;font-weight:700;letter-spacing:1px}.mech-menu-btn:hover{background:var(--grey-tint);color:var(--ink)}.mech-menu{position:absolute;top:100%;right:0;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:170px;overflow:hidden}.mech-menu button{display:block;width:100%;text-align:left;padding:9px 14px;border:none;background:none;cursor:pointer;font-size:.78rem;color:var(--ink)}.mech-menu button:hover{background:var(--grey-tint)}.mech-menu button.danger{color:#dc2626}.mech-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mech-stat,.mech-perf{background:#fafbfc;border:1px solid #EEF1EF;border-radius:8px;padding:8px 10px}.mech-stat .k,.mech-perf .k,.mech-card-vehicle .k{display:block;font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.mech-stat .v,.mech-perf .v{display:block;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--ink);margin-top:2px}.mech-card-vehicle{background:#f0f7ff;border:1px solid #D6E2F2;border-radius:8px;padding:8px 10px}.mech-card-vehicle .v{display:block;font-size:.78rem;font-weight:600;color:#1e3a8a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mech-tags{display:flex;gap:5px;flex-wrap:wrap}.mech-tag{background:#e8effd;color:#2563eb;border-radius:20px;padding:2px 10px;font-size:.64rem;font-weight:600}.mech-no-spec{font-size:.72rem;color:var(--text-dim)}.mech-prod{margin-top:2px}.mech-prod-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mech-prod-label{font-size:.64rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.mech-prod-val{font-size:.68rem;font-weight:700}.mech-prod-bar{height:5px;background:#eef1ef;border-radius:3px;overflow:hidden}.mech-prod-bar>div{height:100%;border-radius:3px;transition:width .5s ease}.mech-card-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #F0F2F5;padding-top:10px}.mech-rate{font-size:.72rem;color:var(--text-dim)}.mech-rate b{color:var(--ink);font-family:var(--font-mono)}.mech-last{font-size:.66rem;color:#a9b4ba;flex:1}.mech-assign{margin-left:auto}.mech-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12253473;z-index:200;display:flex;justify-content:flex-end}.mech-panel{width:480px;max-width:92vw;height:100%;background:var(--paper);overflow-y:auto;box-shadow:-8px 0 30px #0003;animation:mechSlideIn .2s ease}@keyframes mechSlideIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.mech-panel-head{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.mech-avatar.lg{width:54px;height:54px;font-size:1.05rem;border-radius:14px}.mech-panel-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--ink)}.mech-panel-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.mech-panel-section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.mech-panel-title{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.mech-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.mech-panel-grid .k,.mech-panel-grid .v{display:block}.mech-panel-grid .k{font-size:.62rem;color:var(--text-dim);text-transform:uppercase;font-weight:600}.mech-panel-grid .v{font-size:.82rem;font-weight:600;color:var(--ink);margin-top:2px}.mech-perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.mech-panel-actions{display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;background:var(--paper);padding:10px 0}.mech-form-specs{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.mech-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.mech-board{grid-template-columns:repeat(2,1fr)}}.mech-lane{background:#f4f6f7;border:1px solid var(--line);border-radius:12px;min-height:300px;display:flex;flex-direction:column}.mech-lane-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:3px solid}.mech-lane-dot{width:8px;height:8px;border-radius:50%}.mech-lane-title{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--ink);flex:1}.mech-lane-count{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1px 10px;font-size:.72rem;font-weight:700;color:var(--text-dim)}.mech-lane-body{padding:10px;display:flex;flex-direction:column;gap:8px;flex:1}.mech-lane-empty{text-align:center;color:#b8c2c9;font-size:.75rem;padding:20px 0}.mech-board-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;transition:box-shadow .15s}.mech-board-card:hover{box-shadow:0 4px 12px #00000014}.mech-board-card-name{font-weight:700;font-size:.82rem;color:var(--ink)}.mech-board-card-sub{display:flex;justify-content:space-between;gap:8px;margin:4px 0 8px;font-size:.66rem;color:var(--text-dim)}.mech-board-card-spec{background:#e8effd;color:#2563eb;border-radius:20px;padding:1px 8px;font-weight:600}.mech-board-assign{width:100%}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;text-align:left;padding:12px 16px;background:var(--grey-tint);border-bottom:1px solid var(--line)}.table-wrap td{padding:11px 16px;font-size:.85rem;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tr:hover td{background:#f8faf8}.stamp-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1.5px solid;transform:rotate(-1deg);box-shadow:0 1px 2px #0000000d}.stamp-badge.progress{color:var(--brand);background:#e5f3f4;border-color:var(--brand)}.stamp-badge.overdue{color:var(--orange);background:var(--orange-tint);border-color:var(--orange)}.stamp-badge.pending{color:var(--amber);background:var(--amber-tint);border-color:var(--amber)}.stamp-badge.paid{color:var(--teal);background:var(--teal-tint);border-color:var(--teal)}.stamp-badge.open{color:var(--brand-dark);background:#e5f3f4;border-color:var(--brand)}.stamp-badge.received{color:var(--teal);background:var(--teal-tint);border-color:var(--teal)}.status-bar{width:100%;height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:4px}.status-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.status-bar-fill.healthy{background:var(--teal)}.status-bar-fill.low{background:var(--amber)}.status-bar-fill.critical{background:var(--orange)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-header{padding:14px 18px;font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);background:#fafbfa;letter-spacing:-.01em}.panel-body{padding:0}.panel-body table{width:100%}.panel-body th{font-size:.68rem;padding:10px 14px;background:transparent;border-bottom:1px solid var(--line)}.panel-body td{padding:9px 14px;font-size:.8rem}.job-ticket{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.job-ticket .ticket-perf{height:10px;background:repeating-linear-gradient(90deg,var(--line) 0px,var(--line) 6px,transparent 6px,transparent 12px);border-bottom:1px solid var(--line)}.job-ticket .ticket-header{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:#fafbfa}.ticket-header .header-col h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:6px}.ticket-header .header-col p{font-size:.8rem;color:var(--text-dim);line-height:1.5}.ticket-body{padding:0}.ticket-body table th{font-size:.7rem;background:var(--grey-tint);padding:10px 20px}.ticket-body table td{padding:10px 20px;font-size:.83rem}.ticket-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid var(--line);background:#fafbfa;font-family:var(--font-mono);font-size:.82rem;font-weight:500}.ticket-footer .cost-label{color:var(--text-dim);margin-right:8px}.ticket-footer .cost-value{color:var(--ink);font-weight:600}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--line);border-radius:1px}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--card);border:2px solid var(--brand);z-index:1}.timeline-item .tl-date{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:2px}.timeline-item .tl-title{font-weight:600;font-size:.85rem;color:var(--text)}.timeline-item .tl-desc{font-size:.78rem;color:var(--text-dim);margin-top:2px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{padding:6px 16px;border-radius:20px;font-size:.78rem;font-weight:500;border:1px solid var(--line);background:var(--card);color:var(--text-dim);cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius);font-size:.82rem;font-weight:600;transition:all .15s ease;border:1px solid transparent;font-family:var(--font-body);letter-spacing:.01em}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:#c94b18;border-color:#c94b18}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--line)}.btn-secondary:hover{background:var(--grey-tint);border-color:#c8cdca}.btn-sm{padding:5px 12px;font-size:.72rem;border-radius:6px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);font-size:.82rem;transition:border-color .15s ease}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0e7c8614}.search-box input{border:none;outline:none;font-family:var(--font-body);font-size:.82rem;color:var(--text);background:transparent;flex:1}.search-box input::placeholder{color:var(--text-dim)}.tab-row{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:20px}.tab{padding:10px 20px;font-size:.82rem;font-weight:500;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-body)}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.state-box{display:flex;align-items:center;justify-content:center;padding:48px 24px;font-size:.9rem;color:var(--text-dim);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.state-box.error{color:var(--orange);border-color:var(--orange-tint);background:#fff8f5}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin-right:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.col-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.col-panel .col-panel-header{padding:14px 18px;font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);background:#fafbfa}.col-panel .col-panel-body{padding:0;max-height:420px;overflow-y:auto}.col-panel .col-panel-body table th{position:sticky;top:0;z-index:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-right{text-align:right}.text-center{text-align:center}.text-green{color:var(--teal)}.text-orange{color:var(--orange)}.text-dim{color:var(--text-dim)}.font-bold{font-weight:600}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.gap-2{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c0c6c3}.part-form-layout{display:flex;gap:20px;align-items:flex-start}.part-form-main{flex:1 1 auto;min-width:0}.part-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:2px solid var(--line);margin-bottom:18px}.part-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;font-size:.76rem;font-weight:600;color:var(--text-dim);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:color .15s ease,border-color .15s ease}.part-tab:hover{color:var(--text)}.part-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.part-tab-need{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}.part-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.part-form-grid .form-group{margin-bottom:0}.part-form-grid .full{grid-column:1 / -1}.part-form-grid .req{color:var(--orange);font-weight:700}.part-form-grid .hint{font-weight:500;font-size:.66rem;color:var(--text-dim);text-transform:none;letter-spacing:0}.ro-field{background:var(--grey-tint)!important;color:var(--text-dim)!important;cursor:default}.part-summary{flex:0 0 224px;position:sticky;top:0;background:#fafbfa;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.part-summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.part-summary-head .title{font-size:.62rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.live-badge{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.summary-row{display:flex;align-items:baseline;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--line);font-size:.78rem}.summary-row span{color:var(--text-dim)}.summary-row strong{font-weight:600;color:var(--ink)}.summary-row.warn strong{color:var(--orange)}.summary-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:10px;margin-top:8px;border-top:1.5px solid var(--ink)}.summary-total span{font-size:.66rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.summary-total strong{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--brand-dark)}.summary-note{margin-top:10px;font-size:.62rem;color:var(--text-dim);line-height:1.5}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width: 840px){.part-form-layout{flex-direction:column}.part-summary{flex:none;width:100%;position:static}.part-form-grid{grid-template-columns:1fr}}.inv-toolbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-card, #fff);border:1px solid var(--line, #e5e7eb);border-radius:8px;margin-bottom:10px;box-shadow:0 2px 8px #0f172a0f}.inv-toolbar-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.inv-toolbar-grow{flex:1 1 220px;min-width:180px}.inv-toolbar-label{font-size:.62rem;font-weight:700;color:var(--text-dim, #6b7280);text-transform:uppercase;letter-spacing:.06em}.inv-select{padding:6px 8px;border:1px solid var(--line, #dde3e1);border-radius:6px;font-size:.78rem;background:var(--bg-card, #fff);color:var(--text, #122534);cursor:pointer;max-width:170px}.inv-search{width:100%;padding:7px 12px;border:1px solid var(--line, #dde3e1);border-radius:6px;font-size:.82rem;background:var(--bg-card, #fff);color:var(--text, #122534)}.inv-toolbar-custom{display:inline-flex;align-items:center;gap:5px}.inv-date{padding:5px 6px;border:1px solid var(--line, #dde3e1);border-radius:6px;font-size:.75rem}.inv-toolbar-custom>span{font-size:.72rem;color:var(--text-dim, #6b7280)}.inv-abc-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:120;background:#fff;border:1px solid var(--line, #dde3e1);border-radius:8px;box-shadow:0 6px 20px #0f172a24;min-width:240px;padding:10px 12px}.inv-abc-title{font-size:.62rem;font-weight:700;color:var(--text-dim, #6b7280);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.inv-abc-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0;font-size:.8rem;border-bottom:1px dashed var(--line, #e5e7eb)}.inv-abc-row:last-child{border-bottom:none}.inv-abc-row span{color:var(--text-dim, #6b7280)}.inv-abc-row strong{font-family:var(--font-mono, monospace);font-weight:700}.inv-kpi-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 12px;margin-bottom:10px;background:#fafbfa;border:1px solid var(--line, #e5e7eb);border-radius:8px}.inv-summary-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line, #dde3e1);border-radius:6px;background:#fff;color:var(--brand, #0E7C86);font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap}.inv-summary-toggle:hover{border-color:var(--brand, #0E7C86)}.inv-kpi-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inv-kpi-badge{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border-radius:20px;background:#fff;border:1px solid var(--line, #e5e7eb);font-size:.7rem;color:var(--text-dim, #6b7280);white-space:nowrap}.inv-kpi-badge b{font-family:var(--font-mono, monospace);font-size:.78rem;color:var(--ink, #122534);font-weight:700}.inv-kpi-badge:first-of-type b{color:var(--brand-dark, #0A5A62)}.inv-barcode-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:6px 12px;background:#f0f9ff;border-radius:8px;border:1.5px solid #bae6fd}.inv-barcode-row span{font-size:1rem}.inv-barcode-row input{flex:1;padding:6px 10px;border:none;outline:none;font-size:.85rem;background:transparent;color:var(--text, #122534)}.svc-cat-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.svc-cat-label{font-size:.62rem;font-weight:700;color:var(--text-dim, #6b7280);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.svc-cat-chip{padding:4px 12px;border-radius:20px;border:1px solid var(--line, #dde3e1);background:#fff;font-size:.74rem;font-weight:600;color:var(--text-dim, #6b7280);cursor:pointer;white-space:nowrap;transition:all .15s ease}.svc-cat-chip:hover{border-color:var(--brand, #0E7C86);color:var(--brand, #0E7C86)}.svc-cat-chip.active{background:var(--brand, #0E7C86);border-color:var(--brand, #0E7C86);color:#fff}.svc-detail-item{display:inline-flex;flex-direction:column;gap:2px}.svc-detail-item em{font-style:normal;font-size:.62rem;font-weight:600;color:var(--text-dim, #6b7280);text-transform:uppercase;letter-spacing:.05em}.svc-detail-item b{font-size:.85rem;color:var(--ink, #122534);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-card{background:#fff;border-radius:12px;padding:32px;min-width:480px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .25s ease}.modal-card h2{margin-top:0;font-family:Space Grotesk,sans-serif;font-size:1.35rem;margin-bottom:20px}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.modal-close:hover{color:#333}.modal-card{position:relative}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:6px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c9a84c}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.modal-actions .btn{padding:10px 24px}.btn-cancel{background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.btn-cancel:hover{background:#e0e0e0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink);padding:24px}.login-card{background:var(--card);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:400px;box-shadow:0 20px 60px #0006}.login-brand{text-align:center;margin-bottom:32px}.login-brand h1{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--ink);letter-spacing:-.3px}.login-subtitle{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-weight:500}.login-form .form-group{margin-bottom:18px}.login-form .form-group label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px}.login-form .form-group input{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:6px;font-family:var(--font-body);font-size:.95rem;transition:border-color .2s;background:#fafbfa}.login-form .form-group input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0e7c8614;background:#fff}.login-error{background:var(--orange-tint);color:var(--orange);font-size:.82rem;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-weight:500}.login-btn{width:100%;justify-content:center;padding:12px 0;font-size:.92rem}.login-footer{text-align:center;margin-top:24px;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.sidebar-logout{display:block;width:100%;margin-top:10px;padding:6px 0;background:#ffffff0f;border:1px solid var(--ink-2);border-radius:5px;color:#a8bbc4;font-family:var(--font-body);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s ease}.sidebar-logout:hover{background:#ffffff1f;color:#fff;border-color:var(--orange)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media print{.page-header,.sidebar,.sales-invoice-print-bar{display:none!important}.app{display:block!important}.main-content{margin-left:0!important;padding:0!important;overflow:visible!important}body{background:#fff!important}.modal-overlay{display:none!important}}.ipicker-overlay{z-index:10000;padding:16px}.ipicker-card{width:1000px;max-width:96vw;max-height:88vh;display:flex;flex-direction:column;padding:26px 30px;overflow:hidden}.ipicker-card h2{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ipicker-count{display:inline-block;background:var(--orange-tint, #FCE8DF);color:var(--orange, #E2571C);border-radius:20px;padding:2px 12px;font-size:.78rem;font-weight:700;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.ipicker-search{width:100%;padding:10px 14px;border:1px solid var(--line, #DDE3E1);border-radius:8px;font-size:.9rem;font-family:var(--font-body, "Inter", sans-serif);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ipicker-search:focus{border-color:var(--brand, #0E7C86);box-shadow:0 0 0 3px #0e7c8626}.ipicker-recents{display:flex;flex-wrap:wrap;gap:8px}.ipicker-recent-chip{background:var(--grey-tint, #EEEEEC);border:1px solid var(--line, #DDE3E1);border-radius:20px;padding:5px 14px;font-size:.78rem;color:var(--text, #16232B);transition:background .15s ease,border-color .15s ease}.ipicker-recent-chip:hover{background:var(--teal-tint, #E1F2EC);border-color:var(--teal, #1E8A72)}.ipicker-grid-wrap{flex:1;overflow-y:auto;border:1px solid var(--line, #DDE3E1);border-radius:8px;min-height:220px}.ipicker-table{width:100%;border-collapse:collapse;font-size:.82rem}.ipicker-table thead th{position:sticky;top:0;background:var(--grey-tint, #EEEEEC);color:var(--text-dim, #5B6E77);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border-bottom:1px solid var(--line, #DDE3E1);white-space:nowrap;z-index:2}.ipicker-table tbody td{padding:8px 12px;border-bottom:1px solid #f0f2f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipicker-row{cursor:pointer}.ipicker-row:hover{background:#f6f9f8}.ipicker-row-hl{background:var(--teal-tint, #E1F2EC)!important}.ipicker-row-hl td{border-bottom-color:#1e8a7240}.ipicker-status{display:inline-block;border-radius:10px;padding:2px 10px;font-size:.68rem;font-weight:700;white-space:nowrap}.ipicker-status[data-state=active]{background:var(--teal-tint, #E1F2EC);color:var(--teal, #1E8A72)}.ipicker-status[data-state=inactive]{background:#fce8e8;color:#c0392b}.ipicker-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line, #DDE3E1)}.md-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.md-kpi-row.md-kpi-4{grid-template-columns:repeat(4,1fr)}.md-kpi{background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-radius:var(--radius, 10px);padding:14px 18px;display:flex;align-items:center;gap:14px;transition:box-shadow .15s ease,transform .15s ease}.md-kpi:hover{box-shadow:0 3px 12px #0000000f}.md-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.md-kpi-label{font-size:.66rem;color:var(--text-dim, #5B6E77);text-transform:uppercase;letter-spacing:.07em;font-weight:600;white-space:nowrap}.md-kpi-value{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:1.35rem;font-weight:600;color:var(--ink, #122534);line-height:1.2}.md-kpi-sub{font-size:.7rem;color:var(--text-dim, #5B6E77);margin-top:2px}.md-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}.md-sidebar{background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-radius:var(--radius, 10px);padding:16px;position:sticky;top:16px}.md-sidebar h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim, #5B6E77);font-weight:700;margin-bottom:12px}.md-sidebar-list{display:flex;flex-direction:column;gap:6px}.md-sidebar-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid transparent;background:var(--grey-tint, #EEEEEC);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;color:var(--text, #16232B);transition:background .15s ease,border-color .15s ease;width:100%}.md-sidebar-chip:hover,.md-sidebar-chip.active{background:var(--teal-tint, #E1F2EC);border-color:var(--teal, #1E8A72)}.md-sidebar-chip .cnt{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.72rem;color:var(--text-dim, #5B6E77)}.md-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.md-search{flex:1;min-width:240px;max-width:460px;padding:10px 14px 10px 38px;border:1px solid var(--line, #DDE3E1);border-radius:8px;font-size:.88rem;background:var(--card, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%235B6E77' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3C/svg%3E") no-repeat 13px center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.md-search:focus{border-color:var(--brand, #0E7C86);box-shadow:0 0 0 3px #0e7c861f}.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}.md-grid-vendors{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.md-card{position:relative;background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-radius:var(--radius, 10px);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;min-height:132px}.md-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:#c3d3d6}.md-card-title{font-family:var(--font-heading, "Space Grotesk", sans-serif);font-size:.98rem;font-weight:700;color:var(--ink, #122534);line-height:1.25;padding-right:26px}.md-card-row{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-dim, #5B6E77)}.md-card-row .val{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-weight:600;color:var(--text, #16232B)}.md-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.68rem;color:var(--text-dim, #5B6E77)}.md-usage-track{height:5px;background:var(--grey-tint, #EEEEEC);border-radius:3px;overflow:hidden;flex:1}.md-usage-fill{height:100%;background:var(--teal, #1E8A72);border-radius:3px}.md-kebab{position:absolute;top:10px;right:8px;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-dim, #5B6E77);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}.md-kebab:hover{background:var(--grey-tint, #EEEEEC);color:var(--ink, #122534)}.md-menu{position:absolute;top:40px;right:10px;background:#fff;border:1px solid var(--line, #DDE3E1);border-radius:8px;box-shadow:0 6px 20px #0000001f;z-index:20;min-width:168px;overflow:hidden;padding:4px}.md-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:none;border-radius:6px;font-size:.8rem;font-weight:500;color:var(--text, #16232B);cursor:pointer;text-align:left}.md-menu-item:hover{background:var(--grey-tint, #EEEEEC)}.md-menu-item.danger{color:#c0392b}.md-menu-item.danger:hover{background:#fce8e8}.md-menu-item .ico{width:16px;text-align:center;font-size:.85rem}.md-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12253473;z-index:9500;display:flex;justify-content:flex-end;animation:mdFade .18s ease}@keyframes mdFade{0%{opacity:0}to{opacity:1}}.md-drawer{width:640px;max-width:96vw;height:100%;background:var(--paper, #EEF1EF);box-shadow:-8px 0 30px #0000002e;display:flex;flex-direction:column;animation:mdSlide .22s ease;overflow:hidden}@keyframes mdSlide{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.md-drawer-head{padding:20px 24px 16px;background:var(--ink, #122534);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.md-drawer-head h3{font-family:var(--font-heading, "Space Grotesk", sans-serif);font-size:1.15rem;font-weight:700;margin:0}.md-drawer-head .sub{font-size:.78rem;color:#ffffffb3;margin-top:3px}.md-drawer-close{background:#ffffff1f;border:none;color:#fff;width:32px;height:32px;border-radius:8px;font-size:1.1rem;cursor:pointer;flex-shrink:0}.md-drawer-close:hover{background:#ffffff38}.md-drawer-body{flex:1;overflow-y:auto;padding:20px 24px 28px}.md-section{background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-radius:var(--radius, 10px);padding:16px 18px;margin-bottom:14px}.md-section h5{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim, #5B6E77);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:7px}.md-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.md-stat{background:var(--grey-tint, #EEEEEC);border-radius:8px;padding:10px 12px}.md-stat .k{font-size:.66rem;color:var(--text-dim, #5B6E77);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.md-stat .v{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:1.02rem;font-weight:600;color:var(--ink, #122534);margin-top:2px}.md-detail-list{display:flex;flex-direction:column;gap:8px}.md-detail-row{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;padding-bottom:8px;border-bottom:1px dashed #e6eae9}.md-detail-row:last-child{border-bottom:none;padding-bottom:0}.md-detail-row .k{color:var(--text-dim, #5B6E77)}.md-detail-row .v{font-weight:600;color:var(--text, #16232B);text-align:right}.md-mini-table{width:100%;border-collapse:collapse;font-size:.76rem}.md-mini-table th{text-align:left;color:var(--text-dim, #5B6E77);font-weight:600;padding:5px 8px;border-bottom:1px solid var(--line, #DDE3E1);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.md-mini-table td{padding:6px 8px;border-bottom:1px solid #f0f2f1}.md-mini-table tr:last-child td{border-bottom:none}.md-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 11px;font-size:.68rem;font-weight:700;white-space:nowrap}.md-badge-preferred{background:#fff4d6;color:#8a6100;border:1px solid #F0D98C}.md-badge-secondary{background:#e8f1f9;color:#1d5b8a;border:1px solid #BCD7EE}.md-badge-teal{background:var(--teal-tint, #E1F2EC);color:var(--teal, #1E8A72)}.md-badge-orange{background:var(--orange-tint, #FCE8DF);color:var(--orange, #E2571C)}.md-rating{color:#f5b301;font-size:.85rem;letter-spacing:1px}.md-empty{text-align:center;padding:40px 16px;color:var(--text-dim, #5B6E77);font-size:.85rem;background:var(--card, #fff);border:1px dashed var(--line, #DDE3E1);border-radius:var(--radius, 10px)}.md-tags{display:flex;flex-wrap:wrap;gap:6px}.md-tag{background:var(--grey-tint, #EEEEEC);border-radius:6px;padding:3px 9px;font-size:.7rem;color:var(--text-dim, #5B6E77)}.po-kpi-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;padding:8px 12px;background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-radius:var(--radius, 10px)}.po-kpi-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:20px;background:var(--grey-tint, #EEEEEC);font-size:.74rem;color:var(--text-dim, #5B6E77);white-space:nowrap}.po-kpi-chip b{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.85rem;color:var(--ink, #122534)}.po-kpi-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:20px;background:var(--card, #fff);border:1px solid var(--line, #DDE3E1);border-left:3px solid var(--pill, var(--teal, #1E8A72));font-size:.72rem;color:var(--text-dim, #5B6E77);white-space:nowrap;line-height:1.1}.po-kpi-pill .pill-ico{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0}.po-kpi-pill .pill-txt b{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.82rem;color:var(--ink, #122534);margin-right:2px}.po-filter-bar{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:8px 0 12px;background:var(--paper, #EEF1EF)}.po-chips{display:flex;flex-wrap:wrap;gap:6px}.po-chip{border:1px solid var(--line, #DDE3E1);background:var(--card, #fff);border-radius:20px;padding:5px 13px;font-size:.74rem;font-weight:600;color:var(--text-dim, #5B6E77);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.po-chip:hover{border-color:var(--brand, #0E7C86);color:var(--brand, #0E7C86)}.po-chip.active{background:var(--ink, #122534);border-color:var(--ink, #122534);color:#fff}.po-chip .n{font-family:var(--font-mono, "IBM Plex Mono", monospace);opacity:.75;margin-left:2px}.po-status{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.po-status.pending{background:var(--amber-tint, #FBF0DA);color:var(--amber, #C98A12)}.po-status.approved{background:#e8f1f9;color:#1d5b8a}.po-status.received{background:var(--teal-tint, #E1F2EC);color:var(--teal, #1E8A72)}.po-status.cancelled{background:#eceff1;color:#607d8b}.po-status.paid{background:var(--teal-tint, #E1F2EC);color:var(--teal, #1E8A72)}.po-status.unpaid{background:#fce8e8;color:#c0392b}.po-status.billed{background:var(--teal-tint, #E1F2EC);color:var(--teal, #1E8A72)}.po-action{background:transparent;border:1px solid var(--line, #DDE3E1);border-radius:6px;padding:3px 7px;cursor:pointer;font-size:.8rem;transition:background .15s ease}.po-action:hover{background:var(--grey-tint, #EEEEEC)}.po-drawer{width:900px;max-width:98vw}:root,[data-theme=light]{--bg-primary: #f8f9fc;--bg-card: #ffffff;--bg-sidebar: #1a1a2e;--bg-sidebar-hover: #16213e;--text-primary: #1a1a2e;--text-secondary: #666;--text-sidebar: #e0e0e0;--text-sidebar-active: #ffffff;--brand: #1a56db;--brand-light: #e8f0fe;--success: #059669;--warning: #d97706;--danger: #dc2626;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0,0,0,.06);--radius: 10px;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-heading: "Space Grotesk", sans-serif}[data-theme=dark]{--bg-primary: #0f172a;--bg-card: #1e293b;--bg-sidebar: #0a0f1a;--bg-sidebar-hover: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-sidebar: #94a3b8;--text-sidebar-active: #ffffff;--brand: #3b82f6;--brand-light: #1e3a5f;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: #334155;--shadow: 0 1px 3px rgba(0,0,0,.3)}[data-theme=blue]{--brand: #1a56db;--brand-light: #e8f0fe;--bg-sidebar: #1e3a5f;--bg-sidebar-hover: #2a4a7f}[data-theme=green]{--brand: #059669;--brand-light: #ecfdf5;--bg-sidebar: #064e3b;--bg-sidebar-hover: #065f46}[data-theme=purple]{--brand: #7c3aed;--brand-light: #f5f3ff;--bg-sidebar: #2e1065;--bg-sidebar-hover: #3b1f8c}[data-theme=orange]{--brand: #ea580c;--brand-light: #fff7ed;--bg-sidebar: #7c2d12;--bg-sidebar-hover: #9a3412}[data-sidebar=compact] .sidebar{width:64px}[data-sidebar=compact] .sidebar .sidebar-brand h1{font-size:0}[data-sidebar=compact] .sidebar .sidebar-brand .subtitle{display:none}[data-sidebar=compact] .sidebar-nav a span.nav-icon{margin-right:0}[data-sidebar=compact] .sidebar-nav a{justify-content:center;padding:12px 8px}[data-sidebar=compact] .sidebar-nav a span:not(.nav-icon){display:none}[data-sidebar=compact] .sidebar-divider{text-align:center;font-size:0}[data-sidebar=compact] .sidebar-divider:after{content:"—";font-size:10px}[data-sidebar=compact] .sidebar-footer{text-align:center}[data-sidebar=compact] .sidebar-footer .name,[data-sidebar=compact] .sidebar-footer div:not(.name){display:none}[data-font=small]{font-size:13px}[data-font=medium]{font-size:15px}[data-font=large]{font-size:17px}[data-dashboard=grid] .kpi-row{display:grid;gap:16px}[data-dashboard=compact] .kpi-row{display:flex;flex-wrap:wrap;gap:8px}[data-dashboard=compact] .kpi-row>*{min-width:150px;flex:1}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:background .3s,color .3s}.main-content{background:var(--bg-primary)}.card,.modal-card,.table-wrap,.state-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar{background:var(--bg-sidebar);color:var(--text-sidebar)}.sidebar-nav a{color:var(--text-sidebar)}.sidebar-nav a:hover{background:var(--bg-sidebar-hover)}.sidebar-nav a.active{color:var(--text-sidebar-active);background:var(--brand)}.btn-primary{background:var(--brand)}.btn-primary:hover{background:var(--brand);filter:brightness(.9)}a,.link{color:var(--brand)}.text-green{color:var(--success)}.text-orange{color:var(--warning)}.text-red{color:var(--danger)}table th{background:var(--brand-light);color:var(--text-primary)}.filter-chips .chip.active{background:var(--brand);color:#fff}.page-header h2{color:var(--text-primary)}.breadcrumb{color:var(--text-secondary)}.print-invoice{padding:0 25px 25px;max-width:100%;margin:0 auto;background:#fff;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#000;box-shadow:0 1px 6px #0000001a}.print-letterhead-spacer{display:none}@media print{@page{size:A4;margin:0 10mm 10mm}html,body,body *{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.sidebar,.sales-invoice-print-bar,.page-header,nav,header,.app>.sidebar{display:none!important}.app{display:block!important}.main-content{padding:0!important;margin:0!important;overflow:visible!important;background:#fff!important}.print-invoice-wrapper{position:static!important}.print-bar-spacer{display:none!important}.print-letterhead-spacer{display:block!important}.print-invoice{position:static!important;padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;background:#fff!important;color:#000!important}.print-invoice-th{background:#e8e8e8!important;color:#000!important;border:1px solid #D1D5DB!important;font-weight:700!important;font-size:8px!important;text-transform:uppercase!important;height:28px!important;padding:4px 6px!important}.print-invoice-td{border:1px solid #D1D5DB!important;background:#fff!important;color:#000!important;font-size:8.5px!important;height:28px!important;padding:4px 6px!important}.print-invoice [style*=grid-template]{display:grid!important;overflow:visible!important}.print-invoice [style*=border-radius]{border-radius:0!important}.print-invoice-data-row:nth-child(2n){background:#f9fafb!important}.print-invoice-signature{margin-top:24px!important;padding-top:8px!important;border-top:1px solid #D1D5DB!important;font-size:10px!important;font-weight:600!important}}