:root {
  --ink:#151b2d;--muted:#6f7588;--canvas:#f4f3f9;--surface:#fff;--surface-soft:#f8f8fc;
  --line:#e6e5ee;--nav:#0a1020;--nav-2:#111b35;--violet:#6d5ce8;--violet-2:#8d7df2;
  --cyan:#13b8cc;--mint:#20c997;--amber:#f2a93b;--rose:#e8548d;--red:#df4f64;
  --shadow:0 18px 50px rgba(32,26,70,.10);--soft-shadow:0 8px 24px rgba(32,26,70,.075);
  --radius:22px;--sidebar:276px;--topbar:90px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-height:100vh;font-family:"DM Sans",Segoe UI,sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(19,184,204,.25);outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.brand{font-family:Manrope,"DM Sans",sans-serif}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em}.brand-light{color:#fff}.brand-mark{position:relative;display:inline-flex;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--violet),var(--cyan));box-shadow:0 8px 24px rgba(109,92,232,.35);overflow:hidden}.brand-mark i{position:absolute;width:12px;height:23px;border-radius:8px;background:#fff;transform:rotate(40deg);top:6px}.brand-mark i:first-child{left:8px;opacity:.98}.brand-mark i:last-child{left:17px;opacity:.62}.button{min-height:44px;border:0;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:.2s ease;text-decoration:none}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--violet),#7b68ed);box-shadow:0 10px 24px rgba(109,92,232,.25)}.button-primary:hover{box-shadow:0 13px 28px rgba(109,92,232,.33)}.button-secondary{background:#f0eef8;color:#504863}.button-danger{background:#fff0f2;color:#b83f55}.button-wide{width:100%;justify-content:space-between}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.78);display:inline-grid;place-items:center;cursor:pointer;transition:.2s}.icon-button:hover{background:#fff;transform:translateY(-1px);box-shadow:var(--soft-shadow)}.icon-button.subtle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08);color:#d9dded}.text-button{border:0;background:transparent;color:var(--violet);font-weight:700;cursor:pointer}.eyebrow{display:block;color:var(--violet);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.mint{background:var(--mint);box-shadow:0 0 0 5px rgba(32,201,151,.12)}

/* Login */
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(420px,.88fr);background:#fff}.login-story{position:relative;overflow:hidden;min-height:100vh;padding:48px clamp(42px,6vw,100px);display:flex;flex-direction:column;background:radial-gradient(circle at 84% 18%,rgba(19,184,204,.22),transparent 30%),radial-gradient(circle at 15% 77%,rgba(109,92,232,.26),transparent 32%),linear-gradient(145deg,#091020 0%,#111934 55%,#171d3e 100%);color:#fff}.ambient{position:absolute;border-radius:50%;filter:blur(3px);opacity:.75;pointer-events:none}.ambient-one{width:420px;height:420px;right:-220px;top:28%;background:radial-gradient(circle,rgba(109,92,232,.42),transparent 67%)}.ambient-two{width:330px;height:330px;left:-170px;bottom:-90px;background:radial-gradient(circle,rgba(19,184,204,.25),transparent 68%)}.login-copy{position:relative;z-index:1;margin:auto 0 34px;max-width:690px}.kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);padding:8px 13px;border-radius:999px;font-size:.83rem;font-weight:700;color:#e2e6f3}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#30e7b5;box-shadow:0 0 0 6px rgba(48,231,181,.11)}.login-copy h1{font-size:clamp(3.4rem,6.2vw,6.5rem);line-height:.95;letter-spacing:-.065em;margin:24px 0 28px;max-width:860px}.login-copy h1 em{font-style:normal;color:#80e3ed}.login-copy>p{font-size:1.08rem;line-height:1.75;color:#bec5d8;max-width:640px}.login-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.login-proof span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.075);color:#dde1ee;font-size:.8rem;font-weight:700}.procurement-preview{position:relative;z-index:1;width:min(650px,100%);padding:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:0 28px 70px rgba(0,0,0,.25);border-radius:24px;backdrop-filter:blur(20px)}.preview-head{display:flex;align-items:center;gap:12px}.preview-head>div{display:flex;flex-direction:column}.preview-head small{color:#aeb6ca;margin-top:2px}.mini-orb{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),var(--cyan));font-weight:800}.trend{margin-left:auto;color:#62e3bd;background:rgba(32,201,151,.12);padding:7px 10px;border-radius:999px;font-size:.74rem;font-weight:800}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.preview-metrics div{padding:14px;border-radius:15px;background:rgba(4,10,28,.28)}.preview-metrics strong{font-size:1.45rem}.preview-metrics small{display:block;margin-top:3px;color:#aeb6ca}.preview-track{height:8px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.preview-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--mint))}.preview-foot{display:flex;justify-content:space-between;margin-top:14px;color:#bfc5d6;font-size:.75rem}.login-footnote{position:relative;margin:26px 0 0;color:#8992aa;font-size:.74rem}.login-panel{min-height:100vh;padding:52px clamp(34px,6vw,90px) 28px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0,rgba(109,92,232,.08),transparent 34%),#fff}.login-card{width:min(460px,100%);margin:auto}.mobile-brand{display:none}.login-kicker{display:block;color:var(--violet);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.login-card h2{font-size:2.35rem;letter-spacing:-.05em;margin:12px 0 10px}.login-subtitle{color:var(--muted);line-height:1.6;margin-bottom:30px}.login-form{display:grid;gap:10px}.login-form label{font-size:.8rem;font-weight:800;margin-top:7px}.input-wrap{position:relative}.input-wrap input{width:100%;height:52px;border:1px solid var(--line);background:#fafafe;border-radius:15px;padding:0 62px 0 44px;color:var(--ink);transition:.2s}.input-wrap input:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px rgba(109,92,232,.09);outline:0}.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8984a0;font-weight:800}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--violet);font-size:.75rem;font-weight:800;cursor:pointer}.form-error{padding:11px 13px;background:#fff0f2;border:1px solid #ffd2da;border-radius:11px;color:#ad334a;font-size:.82rem}.login-form .button{margin-top:14px}.demo-note{margin:16px 0 0;text-align:center;color:#777288;font-size:.78rem}.security-note{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:9px;color:#888397;font-size:.75rem;line-height:1.5}.smartflow-footer{text-align:center;color:#858093;font-size:.72rem;margin-top:auto}.smartflow-footer strong{color:#5e5870}

/* Application shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;display:flex;flex-direction:column;padding:20px 16px;background:radial-gradient(circle at 10% 8%,rgba(109,92,232,.22),transparent 28%),linear-gradient(180deg,var(--nav),var(--nav-2));color:#c8cede;transition:width .25s,transform .25s;box-shadow:14px 0 40px rgba(8,12,28,.08)}.sidebar-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px}.workspace-brand{text-decoration:none;font-size:1.18rem}.sidebar-collapse{width:30px;height:30px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.06);color:#bac2d7;cursor:pointer}.workspace-switcher{margin:12px 0 19px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.075);border-radius:16px;display:flex;align-items:center;gap:10px}.workspace-letter{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--rose),#e667a1);font-weight:800}.workspace-switcher>span:nth-child(2){display:flex;flex:1;flex-direction:column}.workspace-switcher small{color:#7f8aa6;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.workspace-switcher strong{font-size:.86rem;color:#f5f7ff;margin-top:2px}.primary-nav{min-height:0;overflow-y:auto;padding:2px 2px 12px;scrollbar-width:thin}.nav-label{display:block;margin:8px 10px;color:#65718e;font-size:.63rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.nav-label-spaced{margin-top:22px}.nav-item{position:relative;width:100%;min-height:44px;border:0;border-radius:13px;background:transparent;color:#aeb7ce;padding:0 10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.18s}.nav-item:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(109,92,232,.25),rgba(19,184,204,.09));box-shadow:inset 0 0 0 1px rgba(139,125,242,.16)}.nav-item.active:before{content:"";position:absolute;left:-2px;width:3px;height:21px;border-radius:4px;background:linear-gradient(var(--violet-2),var(--cyan))}.nav-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:.88rem}.nav-count{margin-left:auto;min-width:24px;padding:3px 6px;border-radius:99px;text-align:center;font-size:.63rem;background:rgba(255,255,255,.07);color:#8691ac}.sidebar-insight{margin:auto 4px 14px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.04);display:grid;gap:6px}.sidebar-insight>span{color:#72809d;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.sidebar-insight strong{font-size:.81rem;color:#e9edf8}.sidebar-insight small{font-size:.68rem;color:#8792aa;line-height:1.45}.sidebar-user{min-height:60px;display:flex;align-items:center;gap:10px;padding:9px 7px 0;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user .avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--avatar,var(--violet));color:#fff;font-weight:800;font-size:.75rem}.sidebar-user>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column}.sidebar-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5f7ff;font-size:.79rem}.sidebar-user small{font-size:.66rem;color:#77839f;margin-top:2px}.sidebar-user .icon-button{width:34px;height:34px;border-radius:11px}.workspace{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column;transition:margin-left .25s}.topbar{position:sticky;top:0;z-index:20;min-height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(22px,3vw,46px);background:rgba(244,243,249,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,223,234,.7)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px}.page-heading span{display:block;color:var(--muted);font-size:.72rem;font-weight:700}.page-heading h1{font-size:1.42rem;letter-spacing:-.035em;margin:3px 0 0}.mobile-menu{display:none}.search-trigger{width:min(330px,29vw);height:44px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);display:flex;align-items:center;gap:9px;color:#777286;cursor:pointer}.search-trigger span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-trigger kbd{margin-left:auto;border:1px solid #dedbe8;background:#f5f3fa;border-radius:7px;padding:3px 6px;color:#888297;font-size:.64rem}.content{width:100%;max-width:1680px;margin:0 auto;padding:28px clamp(18px,3vw,46px) 34px;flex:1}.app-footer{padding:10px 24px 20px}

/* Dashboard and common panels */
.hero-panel{position:relative;overflow:hidden;min-height:210px;padding:34px 38px;border-radius:28px;color:#fff;background:radial-gradient(circle at 87% 30%,rgba(19,184,204,.23),transparent 30%),linear-gradient(135deg,#151a37,#262353 72%,#254a63);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between}.hero-panel>div:first-child{max-width:680px;position:relative;z-index:1}.hero-panel .eyebrow{color:#80e3ed}.hero-panel h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;margin:6px 0 12px}.hero-panel p{max-width:650px;color:#bfc6d9;line-height:1.65;margin:0}.hero-orbit{position:relative;width:150px;height:150px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;margin-right:40px}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:17px}.hero-orbit:after{inset:38px}.hero-orbit span{z-index:2;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),var(--cyan));font-weight:800;box-shadow:0 14px 30px rgba(0,0,0,.22)}.hero-orbit i,.hero-orbit b{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--mint)}.hero-orbit i{top:8px;right:25px}.hero-orbit b{bottom:16px;left:11px;background:var(--rose)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat-card{position:relative;overflow:hidden;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid rgba(230,229,238,.86);box-shadow:var(--soft-shadow)}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-42px;background:var(--accent);opacity:.1}.stat-card>span{display:block;color:var(--muted);font-size:.74rem;font-weight:700}.stat-card strong{display:block;font-family:Manrope;font-size:2.1rem;letter-spacing:-.06em;margin:8px 0 3px}.stat-card small{color:#9893a4;font-size:.67rem}.stat-card.violet{--accent:var(--violet)}.stat-card.cyan{--accent:var(--cyan)}.stat-card.amber{--accent:var(--amber)}.stat-card.rose{--accent:var(--rose)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.panel{min-width:0;border-radius:var(--radius);background:rgba(255,255,255,.87);border:1px solid rgba(229,227,238,.92);box-shadow:var(--soft-shadow);padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h3{font-size:1.08rem;letter-spacing:-.025em;margin:0}.status-pill{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;font-size:.66rem;font-weight:800;white-space:nowrap}.status-pill.success,.pill-approved,.pill-active,.pill-closed{background:#ddf8ee;color:#11845e}.pill-pending,.pill-review,.pill-pending_isg_invoice{background:#fff3d8;color:#9d6910}.pill-pending_vendor_invoice,.pill-sent_for_approval{background:#e4f3ff;color:#2173a6}.pill-rejected,.pill-canceled,.pill-inactive{background:#ffeaee;color:#b83e55}.pill-draft,.pill-open,.pill-initiated{background:#efedf5;color:#675f74}.pill-pm_approved,.pill-converted_to_po{background:#f5e9ff;color:#7a49a4}.chart-placeholder{height:240px;display:flex;align-items:flex-end;gap:20px;padding:20px 10px 0}.chart-bars{height:175px;display:flex;align-items:flex-end;gap:13px;flex:1;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#f0eef5 44px)}.chart-bars i{flex:1;min-width:20px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--violet));opacity:.82}.chart-labels{display:grid;gap:11px;color:var(--muted);font-size:.69rem}.empty-compact{min-height:226px;border:1px dashed #ddd9e9;border-radius:17px;background:#faf9fd;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.empty-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:12px;color:var(--violet);background:#eeeafa;font-size:1.3rem}.empty-compact strong{font-size:.9rem}.empty-compact small{color:var(--muted);margin-top:5px}

/* Views, grids and tables */
.view-stack{display:grid;min-width:0;gap:18px}.view-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.view-intro h2{font-size:1.9rem;letter-spacing:-.045em;margin:0}.view-intro p{color:var(--muted);margin:6px 0 0}.view-actions{display:flex;gap:9px;flex-wrap:wrap}.toolbar{padding:12px;border-radius:18px;background:rgba(255,255,255,.86);border:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-search{position:relative;flex:1;min-width:220px;max-width:420px}.toolbar-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a8499}.toolbar-search input,.toolbar select{width:100%;height:42px;border:1px solid #e3e1ea;border-radius:12px;background:#fafafe;color:var(--ink)}.toolbar-search input{padding:0 14px 0 38px}.toolbar select{width:auto;min-width:150px;padding:0 32px 0 12px}.view-tabs{display:flex;gap:6px;overflow-x:auto;padding:3px}.view-tab{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:11px;font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer}.view-tab.active{background:#edeafa;color:var(--violet)}.table-shell{width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow)}.table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 310px);touch-action:pan-x pan-y}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:880px}.data-table.wide{min-width:1520px}.data-table th{position:sticky;top:0;z-index:3;height:45px;padding:0 15px;border-bottom:1px solid var(--line);background:#f7f6fb;color:#716b7e;font-size:.69rem;text-transform:uppercase;letter-spacing:.055em;text-align:left;white-space:nowrap}.data-table td{height:52px;padding:8px 15px;border-bottom:1px solid #efedf4;color:#393546;font-size:.79rem;vertical-align:middle}.data-table tbody tr{transition:.14s}.data-table tbody tr:hover{background:#faf9fd}.data-table tbody tr:last-child td{border-bottom:0}.data-table .row-title{font-weight:800;color:#242033}.data-table .muted-cell{color:#8b8596}.row-actions{display:flex;gap:5px}.mini-button{width:31px;height:31px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer}.mini-button:hover{background:#f1eefb;color:var(--violet)}.tag-list{display:flex;align-items:center;gap:5px;max-width:260px}.tag{display:inline-flex;align-items:center;max-width:110px;min-height:25px;padding:0 8px;border-radius:7px;background:#e7f3ff;color:#39677e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem}.tag-more{background:#383440;color:#fff}.group-title{display:flex;align-items:center;gap:9px;padding:17px 18px 11px;color:#14996d;font-family:Manrope;font-weight:800}.group-title.orange{color:#db6939}.group-title:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.table-empty{padding:58px 20px;text-align:center;color:var(--muted)}.skeleton{position:relative;overflow:hidden;background:#e9e7ef;border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer 1.25s infinite}.loading-view{display:grid;gap:16px}.hero-skeleton{height:210px;border-radius:26px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-grid .skeleton{height:115px}.table-skeleton{height:390px;border-radius:20px}@keyframes shimmer{100%{transform:translateX(100%)}}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric-widget{min-height:300px}.big-number{font-family:Manrope;font-size:4.5rem;letter-spacing:-.08em;text-align:center;margin:48px 0 10px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:30px;padding:18px}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--mint) 0 var(--value,65%),#ebe9f1 var(--value,65%) 100%);position:relative}.donut:after{content:"";position:absolute;inset:38px;border-radius:50%;background:#fff}.legend{display:grid;gap:9px;color:var(--muted);font-size:.75rem}.horizontal-bars{display:grid;gap:13px;padding:15px 2px}.bar-row{display:grid;grid-template-columns:110px 1fr 34px;gap:10px;align-items:center;font-size:.72rem}.bar-track{height:12px;border-radius:99px;background:#efedf4;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan))}.help-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.prose-panel{padding:34px}.prose-panel h2{font-size:2rem;letter-spacing:-.045em}.prose-panel h3{margin:28px 0 10px}.prose-panel p,.prose-panel li{color:#625d6c;line-height:1.7}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding-left:28px;margin:10px 0}.check-list li:before{content:"✓";position:absolute;left:0;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--mint);font-size:.68rem}.workflow-steps{display:grid;gap:10px}.workflow-step{padding:14px;border-radius:14px;background:#f8f7fc;border:1px solid var(--line);display:flex;align-items:center;gap:12px}.workflow-step b{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#ebe7fb;color:var(--violet);font-size:.72rem}

/* Forms and layers */
.command-layer,.modal-layer,.drawer-layer{position:fixed;inset:0;z-index:100;display:grid}.layer-backdrop{position:absolute;inset:0;border:0;background:rgba(7,10,24,.52);backdrop-filter:blur(5px)}.command-card{position:relative;width:min(680px,calc(100% - 30px));max-height:min(620px,80vh);margin:9vh auto auto;border-radius:22px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.26);overflow:hidden}.command-card label{height:66px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--line)}.command-card input{flex:1;border:0;outline:0;font-size:1rem}.command-results{max-height:500px;overflow:auto;padding:10px}.command-empty{padding:35px;text-align:center;color:var(--muted)}.command-result{width:100%;border:0;background:transparent;border-radius:13px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.command-result:hover{background:#f5f3fb}.modal-layer{place-items:center;padding:20px}.modal-card{position:relative;width:min(720px,100%);max-height:90vh;border-radius:24px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.27);overflow:hidden;display:flex;flex-direction:column}.modal-card>header,.detail-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-card h2{font-size:1.35rem;margin:0}.modal-card form{min-height:0;display:flex;flex-direction:column}.modal-body{padding:22px 24px;overflow:auto}.modal-card footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fbfafe}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.72rem;font-weight:800;color:#5b5665}.field input,.field select,.field textarea{width:100%;border:1px solid #dedbe7;border-radius:12px;background:#fafafe;padding:11px 12px;color:var(--ink)}.field input,.field select{height:44px}.field textarea{min-height:92px;resize:vertical}.field small{color:#9892a2}.drawer-layer{justify-items:end}.detail-drawer{position:relative;width:min(540px,100%);height:100%;background:#fff;box-shadow:-22px 0 70px rgba(0,0,0,.2);display:flex;flex-direction:column}.drawer-body{padding:24px;overflow:auto}.detail-list{display:grid;grid-template-columns:130px 1fr;gap:12px 18px;font-size:.8rem}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:600}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:140;display:grid;gap:10px;width:min(370px,calc(100% - 40px))}.toast{padding:14px 16px;border-radius:15px;background:#171c30;color:#fff;box-shadow:0 16px 38px rgba(8,12,28,.25);display:flex;align-items:flex-start;gap:10px;animation:toast-in .25s ease}.toast.success{border-left:4px solid var(--mint)}.toast.error{border-left:4px solid var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}

.data-table .avatar{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:6px;border-radius:9px;background:var(--avatar,var(--violet));color:#fff;font-size:.62rem;font-weight:800;vertical-align:middle}.drawer-documents{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.drawer-documents .panel-head{margin-bottom:10px}.document-upload{min-height:36px;padding:0 12px;font-size:.72rem}.document-list{display:grid;gap:9px}.document-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#faf9fd}.document-row .empty-icon{width:34px;height:34px;margin:0;border-radius:11px;font-size:.8rem}.document-row>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column}.document-row strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-row small{margin-top:3px;color:var(--muted);font-size:.64rem}.document-row a{text-decoration:none}

.data-table.po-table{min-width:3300px}.po-table th:first-child,.po-table td:first-child{position:sticky;left:0;background:#fff;z-index:2;box-shadow:8px 0 14px rgba(24,20,45,.035)}.po-table th:first-child{z-index:5;background:#f7f6fb}.po-table th:last-child,.po-table td:last-child{position:sticky;right:0;background:#fff;z-index:2;box-shadow:-8px 0 14px rgba(24,20,45,.045)}.po-table th:last-child{z-index:5;background:#f7f6fb}.po-table tbody tr:hover td:first-child,.po-table tbody tr:hover td:last-child{background:#faf9fd}

/* Premium visual refinement */
:root{
  --premium-shadow:0 22px 55px rgba(31,27,66,.09),0 2px 7px rgba(31,27,66,.035);
  --premium-shadow-hover:0 28px 65px rgba(31,27,66,.13),0 4px 12px rgba(31,27,66,.045);
  --focus-ring:0 0 0 4px rgba(109,92,232,.11);
}
::selection{color:#fff;background:rgba(109,92,232,.82)}
*{scrollbar-width:thin;scrollbar-color:#c9c4dd transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#c9c4dd,#aea7cb);background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#aaa2cb,#9187bc);background-clip:padding-box}

.app-shell{
  background:
    radial-gradient(900px 520px at 82% -8%,rgba(109,92,232,.085),transparent 68%),
    radial-gradient(760px 520px at 12% 96%,rgba(19,184,204,.06),transparent 68%),
    linear-gradient(180deg,#f8f7fc 0%,#f4f3f9 48%,#f7f7fb 100%);
}
.sidebar{
  border-right:1px solid rgba(139,151,192,.12);
  background:
    radial-gradient(420px 260px at 12% 0%,rgba(109,92,232,.3),transparent 64%),
    radial-gradient(300px 360px at 100% 78%,rgba(19,184,204,.09),transparent 70%),
    linear-gradient(180deg,#080e1e 0%,#0d1730 58%,#101a34 100%);
  box-shadow:18px 0 55px rgba(11,15,35,.11),inset -1px 0 rgba(255,255,255,.025);
}
.sidebar:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 24%,transparent 76%,rgba(109,92,232,.045))}
.sidebar>*{position:relative;z-index:1}
.brand-mark{border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 28px rgba(74,63,199,.38),inset 0 1px rgba(255,255,255,.24)}
.sidebar-collapse{display:grid;place-items:center;padding:0;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.sidebar-collapse:hover{color:#fff;border-color:rgba(139,125,242,.32);background:rgba(109,92,232,.22);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.nav-item{font-weight:650;letter-spacing:-.005em;transition:color .2s,background .2s,transform .2s,box-shadow .2s}
.nav-item .nav-icon{border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.nav-item:hover{transform:translateX(2px);background:rgba(255,255,255,.07)}
.nav-item:hover .nav-icon{transform:scale(1.06);border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.09)}
.nav-item.active{background:linear-gradient(90deg,rgba(109,92,232,.32),rgba(19,184,204,.105));box-shadow:inset 0 0 0 1px rgba(139,125,242,.2),0 8px 20px rgba(2,5,18,.12)}
.nav-item.active .nav-icon{color:#fff;border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(139,125,242,.5),rgba(19,184,204,.2));box-shadow:0 7px 16px rgba(4,8,25,.18)}
.nav-item.active:before{height:24px;box-shadow:0 0 16px rgba(19,184,204,.42)}
.sidebar-user{margin-top:3px;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(255,255,255,.018))}
.sidebar-user .avatar{box-shadow:0 8px 18px color-mix(in srgb,var(--avatar,var(--violet)) 28%,transparent),inset 0 1px rgba(255,255,255,.22)}

.topbar{
  background:rgba(248,247,252,.79);
  border-bottom:1px solid rgba(219,216,230,.78);
  box-shadow:0 10px 32px rgba(31,27,66,.035);
  backdrop-filter:saturate(165%) blur(22px);
}
.topbar-left,.page-heading{min-width:0}
.page-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-heading h1{color:#17192b;font-weight:800;letter-spacing:-.045em}
.page-heading span{color:#858096;letter-spacing:.035em}
.search-trigger{border-color:rgba(218,214,229,.9);background:rgba(255,255,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 18px rgba(35,29,72,.04);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.search-trigger:hover{transform:translateY(-1px);border-color:rgba(109,92,232,.27);background:#fff;box-shadow:0 9px 24px rgba(35,29,72,.08)}
.search-trigger kbd{border-color:#d8d3e7;background:linear-gradient(180deg,#fff,#f1eef8);box-shadow:0 1px 2px rgba(30,25,62,.08)}

.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.button:active,.icon-button:active,.mini-button:active,.view-tab:active{transform:translateY(1px) scale(.985)}
.button-primary{background:linear-gradient(135deg,#6250df 0%,#7968ed 58%,#6b73ec 100%);box-shadow:0 11px 25px rgba(98,80,223,.26),inset 0 1px rgba(255,255,255,.2)}
.button-primary:before{content:"";position:absolute;z-index:-1;inset:-2px;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.2) 46%,transparent 67%);transform:translateX(-110%);transition:transform .55s ease}
.button-primary:hover:before{transform:translateX(110%)}
.button-primary:hover{box-shadow:0 15px 32px rgba(98,80,223,.34),inset 0 1px rgba(255,255,255,.22)}
.button-secondary{border:1px solid rgba(109,92,232,.08);background:linear-gradient(180deg,#f4f2fa,#ece9f6);box-shadow:inset 0 1px #fff}
.button-secondary:hover{border-color:rgba(109,92,232,.18);background:#f0edf9;box-shadow:0 8px 18px rgba(49,39,92,.08)}
.icon-button{box-shadow:inset 0 1px rgba(255,255,255,.8);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.icon-button:hover{border-color:rgba(109,92,232,.16);box-shadow:0 10px 24px rgba(38,30,79,.1)}

.view-stack{animation:view-arrive .36s cubic-bezier(.2,.75,.25,1) both}
@keyframes view-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.view-intro h2{color:#1b1c2d;font-weight:800}
.view-intro p{max-width:760px;line-height:1.6}
.eyebrow{color:#6654dc;letter-spacing:.14em}
.hero-panel{border:1px solid rgba(155,164,207,.19);background:radial-gradient(circle at 85% 18%,rgba(19,184,204,.24),transparent 30%),radial-gradient(circle at 58% 120%,rgba(109,92,232,.25),transparent 40%),linear-gradient(135deg,#121831 0%,#232250 68%,#25465f 100%);box-shadow:0 28px 68px rgba(25,28,71,.2),inset 0 1px rgba(255,255,255,.08)}
.hero-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75),transparent)}
.hero-panel:after{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-150px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(139,125,242,.3),transparent 68%);filter:blur(2px)}
.hero-panel>*{position:relative;z-index:1}
.hero-panel h2{text-shadow:0 8px 28px rgba(0,0,0,.22)}
.hero-orbit{box-shadow:inset 0 0 38px rgba(255,255,255,.045),0 20px 48px rgba(0,0,0,.15);animation:orbit-float 5s ease-in-out infinite}
@keyframes orbit-float{50%{transform:translateY(-6px)}}

.stat-card{border-color:rgba(226,223,235,.9);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,249,253,.84));box-shadow:0 12px 30px rgba(31,27,66,.07),inset 0 1px #fff;transition:transform .24s,box-shadow .24s,border-color .24s}
.stat-card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));opacity:.85}
.stat-card>*{position:relative;z-index:1}
.stat-card strong{color:#191a2d;font-weight:800;text-shadow:0 1px #fff}
.stat-card>span{letter-spacing:.015em}
@media(hover:hover){.stat-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 22%,#e5e2ee);box-shadow:var(--premium-shadow-hover)}.metric-widget:hover{border-color:rgba(109,92,232,.15);box-shadow:var(--premium-shadow)}}

.panel{border-color:rgba(226,223,235,.92);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(253,252,255,.86));box-shadow:var(--premium-shadow);backdrop-filter:blur(14px);transition:border-color .24s,box-shadow .24s,transform .24s}
.panel-head h3{color:#202033;font-weight:800;letter-spacing:-.035em}
.panel-head>.status-pill{box-shadow:inset 0 1px rgba(255,255,255,.7)}
.metric-widget{overflow:hidden}
.horizontal-bars .bar-track{height:11px;box-shadow:inset 0 1px 3px rgba(33,28,66,.08)}
.bar-track i{box-shadow:0 4px 10px rgba(109,92,232,.16)}
.donut{border:8px solid rgba(255,255,255,.72);box-shadow:0 16px 34px rgba(32,27,70,.12),inset 0 0 0 1px rgba(225,221,236,.7)}
.donut:after{box-shadow:0 0 0 1px rgba(225,221,236,.65),inset 0 6px 18px rgba(41,34,82,.035)}
.workflow-step{border-color:rgba(226,223,235,.95);background:linear-gradient(135deg,#fbfafe,#f6f4fb);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
button.workflow-step{cursor:pointer;text-align:left}
button.workflow-step:hover{transform:translateX(3px);border-color:rgba(109,92,232,.19);background:#fff;box-shadow:0 9px 22px rgba(37,30,76,.08)}
.workflow-step b{box-shadow:inset 0 1px #fff}

.view-tabs{width:max-content;max-width:100%;padding:4px;border:1px solid rgba(224,221,233,.88);border-radius:14px;background:rgba(239,237,246,.7)}
.view-tabs>[role="group"]{display:flex;gap:6px}
.view-tab{transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.view-tab:hover{color:#4e43b3;background:rgba(255,255,255,.65)}
.view-tab.active{color:#5545ce;background:#fff;box-shadow:0 5px 14px rgba(39,31,80,.1),inset 0 0 0 1px rgba(109,92,232,.08)}
.toolbar{border-color:rgba(222,219,231,.92);background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(31,27,66,.055),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(16px)}
.toolbar-search input,.toolbar select{border-color:#dfdce8;background:linear-gradient(180deg,#fff,#faf9fd);transition:border-color .2s,box-shadow .2s,background .2s}
.toolbar-search input:hover,.toolbar select:hover{border-color:#ccc6dc;background:#fff}
.toolbar-search input:focus,.toolbar select:focus{outline:0;border-color:rgba(109,92,232,.55);background:#fff;box-shadow:var(--focus-ring)}

.table-shell{border-color:rgba(220,217,229,.95);box-shadow:0 20px 48px rgba(31,27,66,.085),0 2px 7px rgba(31,27,66,.03)}
.workspace,.content{min-width:0}.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-gutter:stable;scrollbar-color:#aaa2cb #efedf4}.table-scroll:focus-visible{outline:3px solid rgba(19,184,204,.28);outline-offset:-3px}.table-scroll::-webkit-scrollbar:horizontal{height:12px}.table-scroll::-webkit-scrollbar-track{background:#efedf4}.table-scroll::-webkit-scrollbar-thumb{border:2px solid #efedf4;background:#aaa2cb;background-clip:padding-box}
.group-title{padding-top:15px;padding-bottom:13px;border-bottom:1px solid rgba(231,228,237,.82);background:linear-gradient(90deg,rgba(32,201,151,.045),rgba(255,255,255,.82) 45%,rgba(109,92,232,.025));letter-spacing:-.015em}
.group-title.orange{background:linear-gradient(90deg,rgba(219,105,57,.055),rgba(255,255,255,.82) 45%,rgba(109,92,232,.025))}
.group-title:before{box-shadow:0 0 0 5px color-mix(in srgb,currentColor 10%,transparent)}
.data-table th{height:48px;border-bottom-color:#dfdce8;background:rgba(247,246,251,.94);color:#736e82;font-weight:800;backdrop-filter:blur(12px);box-shadow:0 1px rgba(255,255,255,.9)}
.data-table td{border-bottom-color:#efedf4;transition:color .18s,background .18s}
.data-table tbody tr:nth-child(even){background:rgba(248,247,252,.48)}
.data-table tbody tr:hover{background:rgba(239,236,250,.64)}
.data-table tbody tr:hover td{color:#242033}
.data-table .row-title{letter-spacing:-.012em}
.mini-button{border-color:#e0ddea;box-shadow:inset 0 1px #fff;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s}
.mini-button:hover{border-color:rgba(109,92,232,.2);background:#f0edfb;box-shadow:0 6px 14px rgba(42,33,89,.09)}

/* Report action system */
.data-table th.actions-heading,.data-table td.actions-cell{position:sticky;right:0;white-space:nowrap}
.data-table th.actions-heading{z-index:6;min-width:112px;padding-inline:12px;text-align:center;background:rgba(247,246,251,.98);box-shadow:-10px 0 22px rgba(24,20,45,.055)}
.data-table td.actions-cell{z-index:2;width:1%;padding-inline:10px;background:#fff;box-shadow:-10px 0 22px rgba(24,20,45,.045)}
.data-table tbody tr:nth-child(even) td.actions-cell{background:#fbfafe}
.data-table tbody tr:hover td.actions-cell,.data-table tbody tr:focus-within td.actions-cell{background:#f3f0fb}
.row-actions{display:inline-flex;width:max-content;align-items:center;gap:3px;margin-inline:auto;padding:3px;border:1px solid rgba(220,216,231,.92);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,241,248,.9));box-shadow:0 5px 14px rgba(34,28,70,.07),inset 0 1px #fff;transition:border-color .2s,box-shadow .2s,background .2s}
.data-table tbody tr:hover .row-actions,.data-table tbody tr:focus-within .row-actions{border-color:rgba(109,92,232,.18);background:#fff;box-shadow:0 8px 19px rgba(41,33,84,.1),inset 0 1px #fff}
.report-action{--action:#6553dc;position:relative;isolation:isolate;overflow:hidden;width:34px;height:34px;min-width:34px;border:1px solid color-mix(in srgb,var(--action) 12%,#e4e1eb);border-radius:10px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--action) 5%,#fff));color:color-mix(in srgb,var(--action) 86%,#212134);box-shadow:inset 0 1px rgba(255,255,255,.9);text-decoration:none;line-height:1;touch-action:manipulation;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}
.report-action:before{content:"";position:absolute;z-index:0;inset:2px;border-radius:8px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.92),transparent 42%),color-mix(in srgb,var(--action) 13%,transparent);opacity:.18;transition:opacity .18s,transform .18s}
.action-glyph{position:relative;z-index:1;display:grid;place-items:center;font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif;font-size:1rem;font-weight:800;line-height:1;transition:transform .18s,opacity .18s}
.report-action:focus-visible{outline:0;border-color:color-mix(in srgb,var(--action) 44%,#fff);background:color-mix(in srgb,var(--action) 10%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 20%,transparent),0 8px 18px color-mix(in srgb,var(--action) 14%,transparent)}
@media(hover:hover){.report-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--action) 34%,#fff);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--action) 13%,#fff));color:var(--action);box-shadow:0 9px 18px color-mix(in srgb,var(--action) 18%,transparent),inset 0 1px #fff}.report-action:hover:before{opacity:.7;transform:scale(1.06)}.report-action:hover .action-glyph{transform:scale(1.08)}}
.report-action.is-working{cursor:progress;color:transparent!important}
.report-action.is-working .action-glyph{opacity:0;transform:scale(.65)}
.report-action.is-working:after{content:"";position:absolute;z-index:2;width:13px;height:13px;border:2px solid color-mix(in srgb,var(--action) 24%,transparent);border-top-color:var(--action);border-radius:50%;animation:action-spin .7s linear infinite}
.action-view{--action:#6553dc}.action-edit{--action:#138eaa}.action-activate,.action-approve{--action:#159c70}.action-deactivate,.action-return{--action:#c47b16}.action-send,.action-download{--action:#3475d1}.action-reject,.action-delete{--action:#d4485f}.action-convert{--action:#7b52dc}
.document-actions{display:inline-flex;align-items:center;gap:4px;padding-left:4px}
.document-actions .report-action{width:36px;height:36px;min-width:36px}
@keyframes action-spin{to{transform:rotate(360deg)}}
.status-pill{border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px rgba(255,255,255,.65)}
.tag{border:1px solid rgba(64,130,165,.08);background:linear-gradient(180deg,#edf7ff,#e3f1fb)}
.po-table tbody tr:nth-child(even) td:first-child,.po-table tbody tr:nth-child(even) td:last-child{background:#fbfafe}
.po-table tbody tr:hover td:first-child,.po-table tbody tr:hover td:last-child{background:#f3f0fb}

.field label{letter-spacing:.015em}
.field input,.field select,.field textarea{border-color:#ddd9e6;background:linear-gradient(180deg,#fff,#fbfafe);box-shadow:inset 0 1px 2px rgba(36,29,74,.025);transition:border-color .2s,box-shadow .2s,background .2s}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#c9c3d8;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:rgba(109,92,232,.58);background:#fff;box-shadow:var(--focus-ring)}
.field select:disabled,.field input:disabled{color:#6f6980;background:#f2f0f7;opacity:1}
.layer-backdrop{background:rgba(8,10,25,.56);backdrop-filter:saturate(120%) blur(7px);animation:layer-fade .2s ease both}
.command-card,.modal-card{border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.97);box-shadow:0 38px 100px rgba(9,10,29,.28),0 0 0 1px rgba(80,67,134,.08);animation:dialog-arrive .28s cubic-bezier(.2,.8,.25,1) both}
.detail-drawer{height:100dvh;border-left:1px solid rgba(220,216,230,.9);background:linear-gradient(145deg,#fff,#fbfafe);box-shadow:-28px 0 80px rgba(9,10,29,.22);animation:drawer-arrive .3s cubic-bezier(.2,.8,.25,1) both}
.modal-card>header,.detail-drawer>header{background:linear-gradient(180deg,rgba(251,250,254,.94),rgba(255,255,255,.88));backdrop-filter:blur(14px)}
.modal-card footer{background:linear-gradient(180deg,#fbfafe,#f7f5fb)}
.command-result{border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.command-result:hover{transform:translateX(2px);border-color:rgba(109,92,232,.1);background:#f5f2fc}
.document-row{border-color:#e2dfea;background:linear-gradient(135deg,#fcfbfe,#f7f5fb);transition:border-color .2s,box-shadow .2s,transform .2s}
.document-row:hover{transform:translateY(-1px);border-color:rgba(109,92,232,.18);box-shadow:0 8px 20px rgba(38,30,79,.07)}
.toast{border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,#171c30,#222a44);box-shadow:0 20px 48px rgba(8,12,28,.3),inset 0 1px rgba(255,255,255,.07)}
body{line-height:1.45}
.stat-card strong,.big-number,.data-table td,.nav-count,.status-pill{font-variant-numeric:tabular-nums}
button:disabled,.button:disabled,.icon-button:disabled,.mini-button:disabled{cursor:not-allowed;opacity:.56;transform:none!important;box-shadow:none!important}
.text-button{border-radius:8px;padding:4px 6px;transition:color .18s,background .18s,box-shadow .18s}
.text-button:hover{color:#5140c6;background:rgba(109,92,232,.075)}
.text-button:focus-visible{outline:0;box-shadow:var(--focus-ring)}
:where(.status-pill){color:#625c72;background:#f0eef5}
.status-pill:before{content:"";width:5px;height:5px;margin-right:6px;border-radius:50%;background:currentColor;opacity:.68;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 9%,transparent)}
.pill-archived{color:#666173;background:#eceaf0}
.data-table tbody tr[data-row-detail-kind]{cursor:pointer}.data-table tbody tr:focus-within{background:rgba(239,236,250,.75);box-shadow:inset 3px 0 #7765e8}
.empty-compact{border-color:#ddd8ea;background:linear-gradient(145deg,#fcfbfe,#f7f5fb)}
.empty-icon{border:1px solid rgba(109,92,232,.07);box-shadow:inset 0 1px #fff}
@keyframes layer-fade{from{opacity:0}to{opacity:1}}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes drawer-arrive{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}

/* Modern record details drawer */
.detail-drawer{--drawer-accent:var(--violet);--drawer-accent-2:var(--cyan);width:min(620px,calc(100vw - 24px));border-radius:24px 0 0 24px;overflow:hidden}
.detail-drawer[data-drawer-kind="supplier"]{--drawer-accent:var(--violet);--drawer-accent-2:var(--cyan)}
.detail-drawer[data-drawer-kind="material"]{--drawer-accent:var(--cyan);--drawer-accent-2:var(--mint)}
.detail-drawer[data-drawer-kind="requisition"]{--drawer-accent:var(--amber);--drawer-accent-2:var(--rose)}
.detail-drawer[data-drawer-kind="purchase_order"]{--drawer-accent:var(--rose);--drawer-accent-2:var(--violet)}
.detail-drawer:before{content:"";position:absolute;z-index:4;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--drawer-accent),var(--drawer-accent-2),transparent 92%);pointer-events:none}
.detail-drawer>header{position:relative;z-index:2;flex:0 0 auto;align-items:flex-start;gap:18px;padding:27px 27px 24px;border-bottom-color:rgba(218,214,229,.85);background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--drawer-accent) 14%,transparent),transparent 42%),radial-gradient(circle at 92% 115%,color-mix(in srgb,var(--drawer-accent-2) 11%,transparent),transparent 42%),linear-gradient(145deg,#fff,#f8f6fc)}
.detail-drawer>header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(109,92,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(109,92,232,.025) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.detail-drawer>header>*{position:relative;z-index:1}
.detail-drawer>header>.icon-button{flex:0 0 auto;width:38px;height:38px;border-color:rgba(119,108,149,.12);border-radius:12px;background:rgba(255,255,255,.76);font-size:1.18rem}
[data-drawer-title]{min-width:0;flex:1}
.drawer-identity{min-width:0;display:flex;align-items:flex-start;gap:15px}
.drawer-mark{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--drawer-accent),var(--drawer-accent-2));box-shadow:0 13px 28px color-mix(in srgb,var(--drawer-accent) 25%,transparent),inset 0 1px rgba(255,255,255,.35);font-family:Manrope,"DM Sans",sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.03em}
.drawer-heading{min-width:0;padding-top:1px}
.drawer-heading .eyebrow{margin-bottom:5px;color:color-mix(in srgb,var(--drawer-accent) 86%,#323147)}
.drawer-heading h2{max-width:430px;margin:0;color:#18192b;font-family:Manrope,"DM Sans",sans-serif;font-size:1.48rem;font-weight:800;line-height:1.16;letter-spacing:-.045em;overflow-wrap:anywhere}
.drawer-heading p{margin:7px 0 0;color:#777185;font-size:.76rem;line-height:1.45;overflow-wrap:anywhere}
.drawer-title-meta{display:flex;align-items:center;gap:7px;margin-top:11px}
.drawer-title-meta .status-pill{min-height:27px;padding-inline:10px}
.drawer-body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:21px 25px 34px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--drawer-accent) 5%,transparent),transparent 28%),linear-gradient(180deg,#f8f7fb,#f4f3f8)}
.drawer-body>*{flex:0 0 auto}
.drawer-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.drawer-summary-card{position:relative;min-width:0;min-height:106px;padding:15px 14px;border:1px solid rgba(221,217,230,.94);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,248,252,.9));box-shadow:0 10px 25px rgba(31,27,66,.06),inset 0 1px #fff}
.drawer-summary-card:before{content:"";position:absolute;top:0;left:13px;right:13px;height:3px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,var(--drawer-accent),var(--drawer-accent-2));opacity:.74}
.drawer-summary-card:after{content:"";position:absolute;width:70px;height:70px;right:-36px;bottom:-40px;border-radius:50%;background:color-mix(in srgb,var(--drawer-accent) 8%,transparent)}
.drawer-summary-card>span{display:block;margin-bottom:9px;color:#858094;font-size:.62rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.drawer-summary-card strong{position:relative;z-index:1;display:block;color:#222133;font-family:Manrope,"DM Sans",sans-serif;font-size:1.02rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.drawer-summary-card small{position:relative;z-index:1;display:block;margin-top:5px;color:#918b9b;font-size:.63rem;line-height:1.35}
.drawer-summary-card--primary{border-color:color-mix(in srgb,var(--drawer-accent) 17%,#ddd9e7);background:linear-gradient(145deg,color-mix(in srgb,var(--drawer-accent) 9%,#fff),#fff)}
.drawer-section{position:relative;margin:0;padding:18px;border:1px solid rgba(222,218,231,.94);border-radius:19px;overflow:hidden;background:rgba(255,255,255,.93);box-shadow:0 11px 28px rgba(31,27,66,.055),inset 0 1px #fff}
.drawer-section:before{content:"";position:absolute;top:0;left:18px;width:46px;height:2px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,var(--drawer-accent),var(--drawer-accent-2));opacity:.62}
.drawer-section--note{background:linear-gradient(145deg,color-mix(in srgb,var(--drawer-accent) 5%,#fff),#fff)}
.drawer-section-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:15px}
.drawer-section-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--drawer-accent) 13%,#e3dfeb);border-radius:12px;color:var(--drawer-accent);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--drawer-accent) 8%,#fff));box-shadow:inset 0 1px #fff;font-size:.84rem;font-weight:800}
.drawer-section-head>div>span{display:block;margin-bottom:2px;color:#9993a3;font-size:.59rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.drawer-section-head h3{margin:0;color:#292738;font-family:Manrope,"DM Sans",sans-serif;font-size:.94rem;font-weight:800;letter-spacing:-.025em}
.drawer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.drawer-field{min-width:0;min-height:73px;padding:11px 12px;border:1px solid rgba(231,228,237,.96);border-radius:13px;background:linear-gradient(145deg,#fbfafe,#f7f6fa)}
.drawer-field--wide{grid-column:1/-1}
.drawer-field dt{margin-bottom:6px;color:#8c8697;font-size:.59rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.drawer-field dd{margin:0;color:#302d3b;font-size:.76rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}
.drawer-empty-value{color:#aaa4b2;font-weight:600}
.drawer-value--code dd{width:max-content;max-width:100%;padding:3px 7px;border:1px solid rgba(109,92,232,.09);border-radius:7px;color:#5649b6;background:#efecf9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;letter-spacing:.01em}
.drawer-value--money dd{color:#1f6e65;font-family:Manrope,"DM Sans",sans-serif;font-size:.86rem;font-weight:800}
.drawer-value--link a{color:#5545cb;text-decoration:none;border-bottom:1px solid rgba(85,69,203,.2)}
.drawer-value--link a:hover{color:#3f31ac;border-bottom-color:currentColor}
.drawer-value--status dd{display:flex;align-items:center;min-height:27px}
.drawer-value--boolean dd{width:max-content;padding:3px 8px;border-radius:999px;color:#176f59;background:#e6f7f1}
.drawer-person{display:inline-flex;max-width:100%;align-items:center;gap:8px}
.drawer-person .avatar{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,var(--drawer-accent),var(--drawer-accent-2));font-size:.58rem;font-weight:800;box-shadow:0 5px 12px color-mix(in srgb,var(--drawer-accent) 16%,transparent)}
.drawer-person>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-tag-group{display:grid;gap:8px}
.drawer-tag-group+.drawer-tag-group{margin-top:16px;padding-top:15px;border-top:1px solid #eeebf3}
.drawer-tag-group>span{color:#777183;font-size:.66rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.drawer-chip-list{display:flex;flex-wrap:wrap;gap:7px}
.drawer-chip{min-height:29px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--drawer-accent) 10%,#e3dfeb);border-radius:9px;color:color-mix(in srgb,var(--drawer-accent) 78%,#33303e);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--drawer-accent) 7%,#fff));font-size:.69rem;font-weight:700;line-height:1.25}
.drawer-note{padding:14px;border:1px solid color-mix(in srgb,var(--drawer-accent) 11%,#e6e2eb);border-radius:14px;background:rgba(255,255,255,.72)}
.drawer-note>span{display:block;margin-bottom:7px;color:var(--drawer-accent);font-size:.59rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.drawer-note p{margin:0;color:#514c5c;font-size:.76rem;line-height:1.68;white-space:pre-wrap;overflow-wrap:anywhere}
.drawer-audit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:3px 2px 0}
.drawer-audit>span{position:relative;min-width:0;padding:11px 12px 11px 28px;border:1px solid rgba(225,221,232,.8);border-radius:13px;background:rgba(255,255,255,.58)}
.drawer-audit i{position:absolute;left:12px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--drawer-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--drawer-accent) 10%,transparent)}
.drawer-audit small,.drawer-audit strong{display:block;overflow-wrap:anywhere}
.drawer-audit small{color:#9892a1;font-size:.56rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.drawer-audit strong{margin-top:3px;color:#5a5564;font-size:.66rem;line-height:1.35}
.drawer-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:2px 0 1px}
.drawer-workflow-step{position:relative;display:grid;justify-items:center;gap:7px;min-width:0;color:#aaa4b2;font-size:.6rem;font-weight:800;text-align:center}
.drawer-workflow-step:not(:last-child):after{content:"";position:absolute;z-index:0;top:15px;left:calc(50% + 17px);right:calc(-50% + 17px);height:2px;background:#e7e3ec}
.drawer-workflow-step.complete:not(:last-child):after{background:linear-gradient(90deg,var(--mint),color-mix(in srgb,var(--drawer-accent) 48%,#e7e3ec))}
.drawer-workflow-step i{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;border:1px solid #dfdbe6;border-radius:11px;background:#f7f5fa;color:#aaa4b2;font-style:normal;box-shadow:inset 0 1px #fff}
.drawer-workflow-step.complete{color:#287d67}.drawer-workflow-step.complete i{border-color:#bce8db;color:#178465;background:#e5f7f1}
.drawer-workflow-step.current{color:color-mix(in srgb,var(--drawer-accent) 82%,#333)}.drawer-workflow-step.current i{border-color:color-mix(in srgb,var(--drawer-accent) 25%,#ddd);color:#fff;background:linear-gradient(145deg,var(--drawer-accent),var(--drawer-accent-2));box-shadow:0 7px 16px color-mix(in srgb,var(--drawer-accent) 21%,transparent)}
.drawer-workflow-step.rejected{color:#b63f54}.drawer-workflow-step.rejected i{border-color:#f1bdc7;color:#fff;background:linear-gradient(145deg,#df4f64,#e66f82);box-shadow:0 7px 16px rgba(223,79,100,.2)}
.drawer-loading{min-height:84px;display:flex;align-items:center;justify-content:center;gap:10px;color:#888294;font-size:.72rem}
.drawer-loading span{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--drawer-accent) 20%,transparent);border-top-color:var(--drawer-accent);border-radius:50%;animation:action-spin .75s linear infinite}
.drawer-loading p{margin:0}
.drawer-empty{padding:13px;border:1px dashed #ded9e7;border-radius:13px;color:#9993a3;background:#faf9fc;font-size:.7rem;text-align:center}
.drawer-empty--documents{min-height:126px;display:grid;place-items:center;align-content:center;gap:5px}
.drawer-empty--documents>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--drawer-accent);background:color-mix(in srgb,var(--drawer-accent) 9%,#fff)}
.drawer-empty--documents strong{color:#5b5665;font-size:.75rem}.drawer-empty--documents small{max-width:310px;line-height:1.5}
.drawer-error{min-height:78px;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #f1ccd3;border-radius:13px;color:#a83a4e;background:#fff4f6;font-size:.72rem}
.drawer-error span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--red);font-weight:800}.drawer-error p{margin:0}
.drawer-documents{margin:0;padding:18px;border-top:1px solid rgba(222,218,231,.94)}
.drawer-documents .drawer-section-head{margin-bottom:13px}
.document-upload{min-height:34px;padding:0 11px;border-radius:10px;font-size:.66rem;white-space:nowrap}
.document-list{display:grid;gap:8px}
.document-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #e5e1eb;border-radius:14px;background:linear-gradient(145deg,#fcfbfe,#f7f5fb);transition:border-color .2s,box-shadow .2s,transform .2s}
.document-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--drawer-accent) 18%,#e5e1eb);box-shadow:0 8px 20px rgba(38,30,79,.07)}
.document-type{flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--drawer-accent) 13%,#dedbe5);border-radius:12px;color:var(--drawer-accent);background:color-mix(in srgb,var(--drawer-accent) 8%,#fff);font-size:.58rem;font-weight:900;letter-spacing:.025em}
.document-type--pdf{color:#c53f55;background:#fff0f3;border-color:#f4ccd4}.document-type--xlsx,.document-type--xls{color:#168363;background:#e9f8f2;border-color:#c7ebdf}.document-type--docx{color:#386fc5;background:#edf4ff;border-color:#d3e1f7}.document-type--csv{color:#277c8b;background:#eaf8fa;border-color:#ccebef}.document-type--png,.document-type--jpg,.document-type--jpeg{color:#704fca;background:#f1edfc;border-color:#ddd3f5}
.document-copy{min-width:0;display:flex;flex:1;flex-direction:column}
.document-copy strong{color:#393544;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-meta{margin-top:4px;color:#96909f;font-size:.59rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-actions{flex:0 0 auto}

@media(max-width:680px){.detail-drawer{width:100%;border-radius:0}.detail-drawer>header{padding:max(20px,env(safe-area-inset-top)) 19px 20px}.drawer-body{padding:18px 16px max(28px,env(safe-area-inset-bottom))}.drawer-heading h2{font-size:1.32rem}}
@media(max-width:600px){.drawer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-summary-card--primary{grid-column:1/-1}.drawer-fields{grid-template-columns:1fr}.drawer-field--wide{grid-column:auto}.drawer-audit{grid-template-columns:1fr}.drawer-section{padding:16px}.drawer-mark{width:47px;height:47px;border-radius:15px}.drawer-workflow-step{font-size:.56rem}}
@media(max-width:390px){.drawer-summary-grid{grid-template-columns:1fr}.drawer-summary-card--primary{grid-column:auto}.drawer-identity{gap:11px}.drawer-section-head{grid-template-columns:36px minmax(0,1fr)}.drawer-section-head>.document-upload{grid-column:1/-1;width:100%;justify-content:center}.document-card{align-items:flex-start;flex-wrap:wrap}.document-copy{min-width:calc(100% - 56px)}.document-actions{margin-left:53px}}

/* Collapsed and responsive */
body.sidebar-collapsed{--sidebar:82px}.sidebar-collapsed .workspace-brand>span:last-child,.sidebar-collapsed .workspace-switcher>span:nth-child(2),.sidebar-collapsed .workspace-switcher>b,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item>span:nth-child(2),.sidebar-collapsed .nav-count,.sidebar-collapsed .sidebar-insight,.sidebar-collapsed .sidebar-user>span:nth-child(2){display:none}.sidebar-collapsed .sidebar-top{justify-content:center}.sidebar-collapsed .workspace-brand{transform:translateX(-6px)}.sidebar-collapsed .sidebar-collapse{position:absolute;right:4px;width:24px;padding:0;display:grid;place-items:center;z-index:2}.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .sidebar-user{justify-content:center;flex-wrap:wrap}.mobile-scrim{display:none}
@media(max-width:1120px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.help-layout{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.hero-orbit{margin-right:0}.search-trigger{width:240px}}
@media(max-width:1000px) and (min-width:821px){.topbar{padding-left:24px;padding-right:24px}.search-trigger{width:46px;justify-content:center}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.create-button span:last-child{display:none}}
@media(max-width:960px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:42px clamp(28px,8vw,76px)}.mobile-brand{display:flex;color:var(--ink);margin-bottom:46px}}
@media(max-width:820px){:root,body.sidebar-collapsed{--sidebar:276px}.sidebar-collapsed .workspace-brand>span:last-child,.sidebar-collapsed .workspace-switcher>b,.sidebar-collapsed .nav-item>span:nth-child(2),.sidebar-collapsed .nav-count{display:inline}.sidebar-collapsed .workspace-switcher>span:nth-child(2){display:flex}.sidebar-collapsed .nav-label{display:block}.sidebar-collapsed .sidebar-insight{display:grid}.sidebar-collapsed .sidebar-user>span:nth-child(2){display:flex}.sidebar-collapsed .sidebar-top,.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-item,.sidebar-collapsed .sidebar-user{justify-content:initial}.sidebar{transform:translateX(-110%);box-shadow:20px 0 60px rgba(0,0,0,.28)}body.mobile-nav-open .sidebar{transform:translateX(0)}body.mobile-nav-open .mobile-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(6,9,21,.45)}.workspace{margin-left:0}.sidebar-collapse{display:none}.mobile-menu{display:grid}.topbar{min-height:78px;padding:12px 18px}.content{padding-top:20px}.hero-panel{padding:30px}.hero-orbit{display:none}.create-button span:last-child{display:none}.search-trigger{width:46px;justify-content:center}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.table-scroll{max-height:none}}
@media(max-width:820px){.sidebar-collapsed .workspace-brand{transform:none}.sidebar-collapsed .nav-item:hover{transform:none}}
@media(max-width:820px){body.mobile-nav-open{overflow:hidden}.sidebar{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(max-width:600px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:30px 22px;min-height:100vh}.mobile-brand{display:flex;color:var(--ink);margin-bottom:46px}.login-card h2{font-size:2rem}.topbar-actions>.icon-button{display:none}.page-heading h1{font-size:1.05rem}.page-heading span{display:none}.content{padding:16px 12px 28px}.hero-panel{min-height:230px;padding:26px 23px}.hero-panel h2{font-size:2.15rem}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:17px}.stat-card strong{font-size:1.65rem}.dashboard-grid{gap:12px}.panel{border-radius:18px;padding:17px}.view-intro{align-items:flex-start;flex-direction:column}.view-intro h2{font-size:1.55rem}.toolbar{align-items:stretch}.toolbar-search{max-width:none;width:100%}.toolbar select{flex:1;min-width:120px}.chart-grid{gap:12px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-layer{padding:0;align-items:end}.modal-card{max-height:94vh;border-radius:23px 23px 0 0}.detail-list{grid-template-columns:1fr;gap:5px}.detail-list dd{margin-bottom:12px}.donut-wrap{flex-direction:column}.smartflow-footer.app-footer{padding-bottom:16px}}
@media(max-width:600px){.view-tabs{width:100%}.toolbar>span[style]{display:none}.toolbar .button{flex:1;min-width:140px}.table-shell{border-radius:17px}.data-table th,.data-table td{padding-left:12px;padding-right:12px}}
@media(max-width:600px){.modal-card{max-height:94dvh}.modal-card footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}.toast-stack{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px)}}
@media(max-width:390px){.stat-grid{grid-template-columns:1fr}.topbar{gap:8px}.topbar-actions{gap:6px}.hero-panel h2{font-size:1.85rem}}
@media(pointer:coarse){.row-actions{gap:4px;padding:4px}.report-action,.document-actions .report-action{width:42px;height:42px;min-width:42px;border-radius:12px}.action-glyph{font-size:1.08rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* User manual */
.manual-hero{min-height:230px}.manual-hero h2{font-size:clamp(2rem,3.3vw,3rem)}.manual-hero-mark{display:grid;place-items:center;flex:0 0 auto;width:108px;height:108px;margin:0 25px;border:1px solid #ffffff30;border-radius:32px;background:#ffffff0b;color:#8ee5e6;font:800 4rem Manrope,sans-serif;transform:rotate(-8deg)}
.manual-role{display:flex;align-items:center;gap:12px;padding:0 4px}.manual-role p{margin:0;color:#625b70;font-size:.85rem;line-height:1.6}.manual-caption{color:#756d82;font-size:.76rem}.manual-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.manual-step{display:flex;align-items:flex-start;gap:10px;padding:16px 12px;text-align:left;border:1px solid var(--line);border-radius:15px;background:#f8f6fd;color:var(--ink);cursor:pointer;font:inherit}.manual-step>b{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e9e3fb;color:#5945bd;font-size:.78rem}.manual-step>span:nth-child(2){flex:1;min-width:0}.manual-step strong,.manual-step small{display:block}.manual-step strong{font-size:.82rem;line-height:1.4}.manual-step small{margin-top:6px;color:#706779;font-size:.75rem;line-height:1.5}.manual-step>span:last-child{color:#7763bf}.manual-step:hover{border-color:#bcb0e5;background:#f1ecfc}
.manual-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.manual-contents{position:sticky;top:calc(var(--topbar) + 20px);max-height:calc(100vh - var(--topbar) - 40px);overflow-y:auto;padding:20px 14px}.manual-contents>.eyebrow{padding:0 10px}.manual-contents nav{display:grid;gap:4px;margin-top:12px}.manual-contents button{border:0;background:transparent;padding:10px;text-align:left;color:#62596f;border-radius:9px;cursor:pointer;font:600 .79rem/1.5 "DM Sans",sans-serif}.manual-contents button:hover{background:#efebfa;color:#5945bd}.manual-main,.manual-topics{display:grid;gap:12px;min-width:0}.manual-search label{display:block;font-weight:800;font-size:1rem;margin-bottom:12px}.manual-search-row{display:flex;gap:14px;align-items:center}.manual-search input{flex:1;width:100%;min-width:0;padding:12px 14px;border:1px solid #d8d1e5;border-radius:12px;background:#faf9fd;color:var(--ink);font:inherit;font-size:.88rem}.manual-search-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:.75rem;color:#756c80}.manual-search .text-button{white-space:nowrap}.manual-topic{padding:0;scroll-margin-top:calc(var(--topbar) + 24px);overflow:hidden}.manual-topic>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;cursor:pointer;list-style:none}.manual-topic>summary::-webkit-details-marker{display:none}.manual-topic summary strong,.manual-topic summary small{display:block}.manual-topic summary strong{font:800 1rem/1.5 Manrope,sans-serif;color:#332b43}.manual-topic summary small{margin-top:5px;color:#756a82;font-size:.8rem;line-height:1.5}.manual-toggle{flex:0 0 auto;display:grid;place-items:center;width:29px;height:29px;background:#eee9fa;border-radius:9px;color:#6d55b2;transition:transform .15s}.manual-topic[open] .manual-toggle{transform:rotate(45deg)}.manual-topic[open]>summary{border-bottom:1px solid #eee9f4;background:#faf8ff}.manual-body{padding:4px 24px 24px;color:#51495f;font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}.manual-body p{margin:16px 0}.manual-body ol,.manual-body ul{padding-left:24px}.manual-body li{padding-left:4px;margin:10px 0}.manual-body li::marker{color:#7960b9;font-weight:800}.manual-body h4{font-size:.95rem;color:#362c47;margin:22px 0 6px}.manual-body h4+p{margin-top:0}.manual-body strong{color:#3d324e}.manual-note{padding:14px 16px;border-left:3px solid #a997d6;border-radius:0 10px 10px 0;background:#f5f1fb}.manual-definitions{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr);gap:12px 20px;margin:20px 0}.manual-definitions dt{font-weight:800;color:#483857}.manual-definitions dd{margin:0}.manual-body kbd{padding:2px 5px;border:1px solid #ded7e9;border-radius:5px;font-size:.8rem;background:#f7f4fb}.manual-empty{text-align:center;padding:30px}.manual-empty p{color:#756a82;font-size:.87rem}.manual-topic[hidden],.manual-empty[hidden]{display:none}.manual-page button:focus-visible,.manual-page summary:focus-visible,.manual-page input:focus-visible{outline:3px solid #6d5ce8;outline-offset:3px}.manual-topic>summary:focus-visible{outline-offset:-4px}
@media(max-width:1200px){.manual-path{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:1000px){.manual-layout{grid-template-columns:minmax(0,1fr)}.manual-contents{position:static;max-height:none}.manual-contents nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.manual-hero-mark{display:none}.manual-role{align-items:flex-start}.manual-role p{font-size:.8rem}.manual-path{grid-template-columns:1fr}.manual-start .panel-head{flex-direction:column;gap:6px}.manual-contents nav{grid-template-columns:1fr}.manual-topic>summary{padding:18px}.manual-body{padding:2px 18px 18px}.manual-definitions{grid-template-columns:1fr;gap:4px}.manual-definitions dd{margin-bottom:12px}.manual-search-footer{font-size:.72rem}.manual-topic{scroll-margin-top:100px}}

/* Purchase-to-stock linkage */
.drawer-stock{display:grid;gap:14px;container-type:inline-size}.stock-line-add{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:9px;align-items:end;padding:12px;border:1px solid #e5e1eb;border-radius:14px;background:#faf9fc}.stock-line-add>*{min-width:0}.stock-line-add>.button{grid-column:1/-1;width:100%}.stock-line-add label,.stock-receive-form label{display:grid;min-width:0;gap:5px;color:#777181;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.stock-line-add select,.stock-line-add input,.stock-receive-form input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #ddd8e4;border-radius:10px;color:#403a49;background:#fff;font:inherit}.stock-line-add .button,.stock-receive-form .button{min-width:0;min-height:38px;padding:0 12px;white-space:nowrap}.stock-line-list{display:grid;gap:10px}.stock-line-card{display:grid;gap:11px;padding:13px;border:1px solid #e4e0e9;border-radius:14px;background:linear-gradient(145deg,#fff,#f9f7fc)}.stock-line-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stock-line-card>header>span{min-width:0;display:grid;gap:3px}.stock-line-card>header strong{color:#383340;font-size:.76rem}.stock-line-card>header small{color:#918a99;font-size:.62rem;line-height:1.45}.stock-line-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stock-line-metrics>span{display:grid;min-width:0;gap:3px;padding:8px;border-radius:10px;background:#f4f1f8}.stock-line-metrics small{color:#9991a1;font-size:.52rem;text-transform:uppercase;letter-spacing:.04em}.stock-line-metrics strong{overflow-wrap:anywhere;color:#514a5c;font-size:.7rem}.stock-progress{height:6px;overflow:hidden;border-radius:99px;background:#ebe7f0}.stock-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .25s}.stock-receive-form{display:flex;min-width:0;align-items:end;justify-content:flex-end;gap:9px}.stock-receive-form label{width:min(150px,100%)}.pill-not_linked{color:#756e7e;background:#eeebf1}.pill-ordered{color:#815e18;background:#fff3d6}.pill-partial{color:#1c6f87;background:#dff5fb}.pill-received,.pill-in_stock{color:#167357;background:#e1f7ef}.pill-low_stock{color:#9b6715;background:#fff0cd}.pill-out_of_stock{color:#b13d51;background:#fde6eb}
.stock-movement-list{display:grid;gap:8px}.stock-movement{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #e5e1eb;border-radius:12px;background:#fbfafd}.stock-movement>span:last-child{min-width:0;display:grid;gap:3px}.stock-movement strong{color:#484250;font-size:.7rem}.stock-movement small{color:#928b9a;font-size:.59rem;line-height:1.4}.stock-movement-delta{flex:0 0 auto;min-width:55px;padding:7px;border-radius:9px;text-align:center;font-size:.68rem;font-weight:900}.stock-movement-delta.positive{color:#167357;background:#e1f7ef}.stock-movement-delta.negative{color:#b13d51;background:#fde6eb}
@container(max-width:430px){.stock-line-add{grid-template-columns:1fr 1fr}.stock-line-add label:first-child{grid-column:1/-1}.stock-line-metrics{grid-template-columns:1fr 1fr}.stock-receive-form{align-items:stretch;flex-direction:column}.stock-receive-form label{width:100%}.stock-receive-form .button{width:100%}}
@container(max-width:300px){.stock-line-add{grid-template-columns:1fr}.stock-line-add label:first-child{grid-column:auto}.stock-line-metrics{grid-template-columns:1fr}.stock-line-add>.button{grid-column:auto}}

/* Flowdesk-style currency controls and normalized values */
.money-stack{display:grid;gap:2px;white-space:nowrap}.money-stack>strong{color:inherit;font-size:inherit}.money-stack>small{color:#918a99;font-size:.58rem;font-weight:650}.money-stack.fx-unavailable>small{color:#b56b21}.money-stack--native{display:inline} .supplier-categories-field{min-width:0;margin:0;padding:13px 15px;border:1px solid #e5e0ee;border-radius:14px;background:#faf9fd}.supplier-categories-field legend{padding:0 4px;font-size:.72rem;font-weight:800;color:#5b5665}.supplier-categories-field small{display:block;margin-top:9px;color:#9892a2;font-size:.68rem}.supplier-category-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.supplier-category-option{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #e3dfe8;border-radius:10px;background:#fff;cursor:pointer;font-size:.72rem;font-weight:700;color:#504a5c}.supplier-category-option:has(input:checked){border-color:#bcb1ed;background:#f4f1ff}.supplier-category-option input{width:16px;height:16px;accent-color:var(--violet)}@media(max-width:600px){.supplier-category-options{grid-template-columns:1fr 1fr}}.supplier-contacts-field{grid-column:1/-1;display:grid;gap:12px;padding:15px;border:1px solid #e5e0ee;border-radius:15px;background:#faf9fd}.supplier-contacts-heading,.supplier-contact-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.supplier-contacts-heading strong{font-size:.82rem}.supplier-contact-row{display:grid;gap:11px;padding:13px;border:1px solid #e6e1eb;border-radius:12px;background:#fff}.supplier-contact-head strong{font-size:.72rem;color:#5b5665}.supplier-contact-head .button{padding:6px 10px;font-size:.68rem}.supplier-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.supplier-contact-fields label:last-child{grid-column:1/-1}.supplier-contact-fields label{display:grid;gap:6px;font-size:.7rem;font-weight:800;color:#5b5665}.supplier-contact-fields input{width:100%;min-width:0;height:42px;border:1px solid #dedbe7;border-radius:10px;padding:9px 10px;background:#fff}.supplier-contact-fields input:focus{outline:0;border-color:var(--violet);box-shadow:var(--focus-ring)}.supplier-contact-card{padding:13px 0;border-bottom:1px solid #eeeaf3}.supplier-contact-card:first-child{padding-top:0}.supplier-contact-card:last-child{border-bottom:0}@media(max-width:600px){.supplier-contact-fields{grid-template-columns:1fr}}
.field>small{margin-top:5px;color:#9891a1;font-size:.62rem}.currency-settings{display:grid;gap:18px}.currency-search{width:min(520px,100%);max-width:none}.currency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.currency-option{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid #e3dfe8;border-radius:13px;background:#fbfafd;cursor:pointer;transition:.18s}.currency-option:hover{border-color:#c9c0ed;box-shadow:0 7px 18px rgba(53,41,105,.07)}.currency-option:has(input:checked){border-color:#bcb1ed;background:#f4f1ff}.currency-option input{width:17px;height:17px;accent-color:var(--violet)}.currency-option>span{min-width:0;display:grid;gap:2px}.currency-option strong{font-size:.75rem;color:#40394c}.currency-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b8493;font-size:.62rem}.currency-option>b{margin-left:auto;padding:3px 6px;border-radius:99px;color:#6253b6;background:#e8e3ff;font-size:.51rem;text-transform:uppercase;letter-spacing:.04em}.currency-option[hidden]{display:none}.currency-empty{padding:35px;text-align:center;color:var(--muted)}.settings-note{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:14px;background:#f4f1f8;color:#777181;font-size:.7rem;line-height:1.55}.settings-note strong{flex:0 0 auto;color:#4e4658}.settings-note span{max-width:800px}
@media(max-width:1200px){.currency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-settings .panel-head{align-items:flex-start;gap:12px}.settings-note{flex-direction:column}}
@media(max-width:440px){.currency-grid{grid-template-columns:1fr}}

.po-document-actions{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 10px}

/* Quotation attachments use a full-size picker inside the shared form grid. */
.stock-line-add .quotation-file-input{padding:3px 6px;color:#686171;font-size:.72rem;font-weight:500;letter-spacing:normal;text-transform:none;cursor:pointer}
.stock-line-add .quotation-file-input::file-selector-button{height:30px;margin-right:10px;padding:0 12px;border:0;border-radius:7px;background:#eeeafd;color:#5144bd;font:inherit;font-weight:800;cursor:pointer}
.stock-line-add .quotation-file-input:hover::file-selector-button{background:#e3ddfb}
.stock-line-add .quotation-file-input:focus-visible{outline:2px solid #6655dc;outline-offset:2px}

/* PO delivery notes and arrival quantities */
.delivery-start{padding:24px}.delivery-note-form{display:grid;gap:12px;margin-bottom:18px;padding:14px;border:1px solid #e5e1eb;border-radius:14px;background:#faf9fc}.delivery-note-copy{margin:0;color:#777181;font-size:.75rem;line-height:1.6;overflow-wrap:anywhere}.delivery-pick-list{display:grid;gap:8px}.delivery-pick-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:14px;align-items:center;padding:12px;border:1px solid #e5e1eb;border-radius:12px;background:#fff}.delivery-pick-label{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.delivery-pick-label input{width:17px;height:17px;flex:0 0 auto;accent-color:#6655dc}.delivery-pick-label span{display:grid;gap:4px;min-width:0}.delivery-pick-label strong{font-size:.78rem}.delivery-pick-label small{color:#777181;font-size:.68rem;overflow-wrap:anywhere}.delivery-quantity{display:grid;gap:5px;color:#777181;font-size:.62rem;font-weight:700}.delivery-quantity input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #ddd8e4;border-radius:10px;background:#fff;color:#403a49;font:inherit;font-size:.78rem}.delivery-quantity input:disabled{background:#f2f0f5;color:#a49dac}.delivery-note-items{list-style:none;margin:0;padding:0;display:grid;gap:8px}.delivery-note-items li{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;line-height:1.6}.delivery-note-items li span{min-width:0;overflow-wrap:anywhere}.delivery-note-items b{flex-shrink:0;color:#5144bd}.delivery-note-actions{display:flex;flex-wrap:wrap;gap:8px}.delivery-note-actions:empty{display:none}.delivery-note-actions .button{min-height:36px;font-size:.72rem}.pill-arrived{color:#167357;background:#e1f7ef}
@container(max-width:400px){.delivery-pick-row{grid-template-columns:1fr}.delivery-note-actions .button{width:100%}.delivery-note-form .stock-line-add{grid-template-columns:1fr}.delivery-note-form .stock-line-add label:first-child{grid-column:auto}}

.delivery-start .stock-line-add{grid-template-columns:minmax(0,1fr)}
[data-delivery-section]:focus{outline:none}
/* Delivery register: reporting controls, item details and paging */
.delivery-report-controls{padding:20px 22px}.delivery-report-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delivery-report-toolbar .toolbar-search{flex:1;min-width:250px}.delivery-report-toolbar .button{white-space:nowrap}.delivery-status-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:18px 0 16px;border-bottom:1px solid var(--line)}.delivery-status-tabs .view-tab{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:10px;font-size:.73rem}.delivery-status-tabs b{display:inline-grid;place-items:center;min-width:23px;height:21px;padding:0 5px;border-radius:7px;background:rgba(107,94,144,.09);font-size:.64rem}.delivery-status-tabs .active b{background:rgba(255,255,255,.23);color:inherit}.delivery-report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-top:18px}.delivery-report-filters>label{display:grid;min-width:0;gap:7px;color:#777181;font-size:.65rem;font-weight:800}.delivery-report-filters select,.delivery-report-filters input{width:100%;min-width:0;height:39px;padding:0 10px;border:1px solid #ddd8e4;border-radius:10px;color:#403a49;background:#fff;font:inherit;font-size:.72rem;font-weight:600}.delivery-report-filters select:focus-visible,.delivery-report-filters input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.delivery-filter-reset{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:0 0 3px;font-size:.68rem;color:var(--muted)}.delivery-filter-reset .text-button{font-size:.72rem}.delivery-date-error{margin:14px 0 0;color:#b83e55;font-size:.73rem}.delivery-start[hidden]{display:none}.delivery-start .delivery-note-copy{margin-top:12px}.delivery-register{min-width:1320px}.delivery-register>tbody>tr:not(.delivery-detail-row)>td{vertical-align:middle}.delivery-register .text-button{text-align:left}.delivery-cell-meta{display:block;margin-top:5px;color:#958c9f;font-size:.65rem;line-height:1.5;font-weight:500}.delivery-parts{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-quantity-cell{max-width:180px;white-space:normal;line-height:1.6;font-weight:700;color:#6152b8}.delivery-overdue{display:block;margin-top:4px;color:#ae691d;font-size:.61rem;font-weight:800}.delivery-row-open>td{background:#f8f6ff}.delivery-detail-row[hidden]{display:none}.delivery-register .delivery-detail-row>td{padding:0 18px 18px;background:#f8f6ff;border-top:0}.delivery-report-detail{padding:20px;border:1px solid #e8e2f1;border-radius:14px;background:#fff}.delivery-report-detail .panel-head{margin-bottom:12px}.delivery-report-detail .panel-head h3{font-size:.95rem}.delivery-items-table{min-width:650px}.delivery-items-table th{background:#f7f5fb}.delivery-items-table .delivery-numeric{font-weight:800;color:#6152b8}.delivery-detail-note{margin:13px 0 0;color:#777181;font-size:.73rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.delivery-detail-note strong{margin-right:7px;color:#514958}.delivery-report-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:220px;padding:30px;text-align:center;white-space:normal}.delivery-report-empty>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:14px;background:#eeeafd;color:var(--violet);font-size:.8rem;font-weight:900}.delivery-report-empty strong{font-size:.9rem}.delivery-report-empty p{max-width:450px;margin:8px 0 16px;color:var(--muted);font-size:.75rem;line-height:1.7}.delivery-report-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;color:var(--muted);font-size:.7rem;border-top:1px solid var(--line);flex-wrap:wrap}.delivery-report-pagination>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delivery-report-pagination label{display:flex;align-items:center;gap:8px}.delivery-report-pagination select{height:32px;border:1px solid #ddd8e4;border-radius:8px;padding:0 6px;background:#fff;color:#62596e;font:inherit}.delivery-report-pagination .button{min-height:32px;padding:0 12px}.delivery-report [data-delivery-report-table]>.group-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-report .group-title small{font-size:.65rem;font-weight:500;color:var(--muted)}.delivery-report .group-title .status-pill{margin-left:8px}.delivery-register .report-actions{flex-wrap:nowrap}
@media(max-width:1100px){.delivery-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.delivery-report-controls{padding:16px}.delivery-report-toolbar .toolbar-search{flex-basis:100%;min-width:0}.delivery-report-toolbar>.button{flex:1;font-size:.7rem}.delivery-report-filters{gap:12px}.delivery-status-tabs{gap:5px}.delivery-status-tabs .view-tab{padding:8px 9px;font-size:.66rem}.delivery-report .group-title small{display:none}.delivery-report-pagination{padding:14px}}
@media(max-width:370px){.delivery-report-filters{grid-template-columns:1fr}.delivery-report-toolbar>.button{flex-basis:100%}.delivery-status-tabs .view-tab{flex:1;justify-content:center}}