@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Light-webfont.woff)format("woff"),url(/fonts/ProximaNova-Light-webfont.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Reg-webfont.woff)format("woff"),url(/fonts/ProximaNova-Reg-webfont.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Sbold-webfont.woff)format("woff"),url(/fonts/ProximaNova-Sbold-webfont.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Bold-webfont.woff)format("woff"),url(/fonts/ProximaNova-Bold-webfont.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Light-webfont.woff)format("woff"),url(/fonts/ProximaNova-Light-webfont.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Reg-webfont.woff)format("woff"),url(/fonts/ProximaNova-Reg-webfont.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Sbold-webfont.woff)format("woff"),url(/fonts/ProximaNova-Sbold-webfont.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Bold-webfont.woff)format("woff"),url(/fonts/ProximaNova-Bold-webfont.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--color-navy:#002855;--color-steel:#4d6995;--color-green:#007d61;--color-teal:#0097a9;--color-blue:#0861ce;--color-red:#c54644;--color-amber:#b75d04;--color-off-white:#f7f7f7;--color-white:#fff;--color-light-steel:#dde5ed;--color-steel-hover:#b1c9e8;--color-navy-deep:#001a72;--color-navy-focus:#003a70;--color-teal-light:#c2e9f1;--color-warm-light:#e8e3d2;--color-warm:#d7d2cb;--color-gold:#b9975b;--surface-bg:var(--color-off-white);--surface-card:var(--color-white);--surface-muted:var(--color-light-steel);--surface-nav:var(--color-navy);--fg1:var(--color-navy);--fg2:var(--color-steel);--fg-on-dark:var(--color-off-white);--fg-link:var(--color-blue);--text-primary:var(--fg1);--text-secondary:var(--fg2);--text-on-dark:var(--fg-on-dark);--text-accent:var(--fg-link);--border-subtle:#c9d2dd;--status-success:var(--color-green);--status-warning:var(--color-amber);--status-danger:var(--color-red);--status-info:var(--color-teal);--font-family:"ProximaNova", "Helvetica Neue", Arial, sans-serif;--font-mono:"Courier New", ui-monospace, monospace;--weight-light:300;--weight-regular:400;--weight-semibold:500;--weight-bold:800;--leading-tight:1.2;--leading-normal:1.5;--leading-loose:1.75;--text-2xs:.64rem;--text-xs:.8rem;--text-sm:1rem;--text-md:1.25rem;--text-lg:1.563rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-4xl:3.815rem;--display:var(--text-3xl);--h1:var(--text-2xl);--h2:var(--text-xl);--h3:var(--text-lg);--h4:var(--text-md);--body:var(--text-sm);--small:var(--text-xs);--overline:var(--text-2xs);--space-1:.25rem;--space-2:.375rem;--space-3:.5rem;--space-4:.75rem;--space-5:1rem;--space-6:1.5rem;--space-7:2.25rem;--space-8:3.375rem;--space-9:5.063rem;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000014, 0 2px 4px #0000000f;--shadow-lg:0 10px 25px #0000001a, 0 4px 10px #0000000f;--shadow-xl:0 20px 40px #0000001f, 0 8px 16px #00000014;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-pill:999px;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--easing-out:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--surface-bg:#14202d;--surface-card:#1e2a3a;--surface-muted:#243245;--surface-nav:#0b1626;--fg1:var(--color-off-white);--fg2:var(--color-light-steel);--text-primary:var(--fg1);--text-secondary:var(--fg2);--text-accent:#6fa9f0;--border-subtle:#324358}html{font-family:var(--font-family);color:var(--fg1)}body{font-family:var(--font-family);font-size:var(--body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--fg1);-webkit-font-smoothing:antialiased}h1{font-size:var(--h1);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:inherit}h2{font-size:var(--h2);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:inherit}h3{font-size:var(--h3);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:inherit}h4{font-size:var(--h4);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:inherit}p{font-size:var(--body);line-height:var(--leading-normal);color:inherit}small,.small{font-size:var(--small);color:var(--fg2)}.overline{font-size:var(--overline);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2)}code{font-family:var(--font-mono);font-size:var(--small)}a:hover{color:var(--color-navy-focus);text-decoration:underline}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-bg);color:var(--fg1);font-family:var(--font-family);font-size:var(--body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}button,input,textarea,select{color:inherit;font-family:inherit}input,textarea,select{background:0 0}a{color:var(--fg-link);text-decoration:none}a:hover{color:var(--color-navy-focus)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-navy);color:var(--color-off-white);z-index:20;box-shadow:var(--shadow-sm);border-block-end:1px solid #ffffff0a;align-items:center;gap:22px;padding:12px 28px;display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:14px;display:flex}.app-header__brand img{height:26px}.app-header__brand-divider{background:#ffffff2e;width:1px;height:22px}.app-header__product{letter-spacing:.14em;text-transform:uppercase;color:#b1c9e8;font-size:11px;font-weight:800}.app-header__product strong{color:#fff;letter-spacing:.14em;font-weight:800}.app-header__search{background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;flex:1;align-items:center;gap:10px;max-width:460px;margin-inline:auto;padding:8px 14px;display:flex}.app-header__search input{color:#fff;border:none;outline:none;flex:1;font-size:13px}.app-header__search input::placeholder{color:#ffffff8c}.app-header__search svg{color:#ffffff8c;width:14px;height:14px}.app-header__right{align-items:center;gap:14px;display:flex}.app-header__iconbtn{color:#dde5ed;cursor:pointer;width:34px;height:34px;transition:background-color var(--duration-fast) var(--easing-out);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.app-header__iconbtn:hover{background:#ffffff1f}.app-header__iconbtn svg{width:16px;height:16px}.app-header__iconbtn-dot{background:var(--color-gold);width:7px;height:7px;box-shadow:0 0 0 2px var(--color-navy);border-radius:50%;position:absolute;top:8px;right:9px}.role-switcher{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:0;padding:3px;display:flex}.role-switcher button{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;cursor:pointer;transition:all var(--duration-fast) var(--easing-out);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.role-switcher button:hover{color:#fff}.role-switcher button.is-active{background:var(--color-gold);color:var(--color-navy)}.role-switcher__dot{opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px}.role-switcher button.is-active .role-switcher__dot{opacity:1}.app-header__user{align-items:center;gap:10px;padding-inline-start:8px;display:flex}.app-header__user-meta{text-align:right;line-height:1.2}.app-header__user-name{color:#fff;font-size:12px;font-weight:800}.app-header__user-role{color:#b1c9e8;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.avatar{background:var(--color-gold);width:32px;height:32px;color:var(--color-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.layout{flex:1;grid-template-columns:232px 1fr;min-height:0;display:grid}.sidebar{background:var(--color-white);border-right:1px solid var(--border-subtle);flex-direction:column;gap:4px;min-height:calc(100vh - 60px);padding:24px 14px;display:flex}@media (width<=760px){.layout{grid-template-columns:1fr}.sidebar{display:none}}.sidebar__cta{background:var(--color-navy);color:var(--color-off-white);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-out), transform var(--duration-fast) var(--easing-out);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:4px 6px 18px;padding:11px 14px;font-size:13px;font-weight:800;display:inline-flex}.sidebar__cta:hover{background:var(--color-navy-deep);transform:translateY(-1px)}.sidebar__cta svg{width:14px;height:14px}.sidebar__heading{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin:14px 14px 6px;font-size:10px;font-weight:800}.sidebar__item{color:var(--color-navy);cursor:pointer;text-align:left;width:100%;transition:background-color var(--duration-fast) var(--easing-out);background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.sidebar__item:hover{background:var(--color-light-steel)}.sidebar__item.is-active{background:var(--color-light-steel);color:var(--color-navy-deep);font-weight:800}.sidebar__item.is-active .sidebar__icon{color:var(--color-navy)}.sidebar__icon{width:16px;height:16px;color:var(--color-steel);flex-shrink:0}.sidebar__count{background:var(--color-light-steel);color:var(--color-navy);text-align:center;border-radius:999px;min-width:22px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:800}.sidebar__count--alert{background:var(--color-amber);color:#fff}.sidebar__item.is-active .sidebar__count{background:var(--color-navy);color:#fff}.sidebar__footer{background:var(--color-light-steel);color:var(--color-steel);border-radius:12px;margin-top:auto;padding:12px;font-size:11px;line-height:1.4}.sidebar__footer strong{color:var(--color-navy);margin-bottom:2px;font-size:12px;display:block}.main{width:100%;max-width:1400px;padding:28px clamp(20px,3vw,44px) 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:24px;display:flex}.page-overline{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin-bottom:6px;font-size:11px;font-weight:800}.page-title{color:var(--color-navy);letter-spacing:-.01em;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.15}.page-desc{color:var(--color-steel);max-width:60ch;margin:0;font-size:14px;line-height:1.55}.btn{cursor:pointer;transition:all var(--duration-fast) var(--easing-out);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:800;display:inline-flex}.btn svg{width:13px;height:13px}.btn--primary{background:var(--color-navy);color:#fff}.btn--primary:hover{background:var(--color-navy-deep)}.btn--secondary{color:var(--color-navy);border-color:var(--border-subtle);background:#fff}.btn--secondary:hover{background:var(--color-light-steel)}.btn--tertiary{color:var(--color-blue);background:0 0;padding-inline:6px;font-weight:500}.btn--tertiary:hover{color:var(--color-navy-deep)}.btn--ghost{color:var(--color-navy);background:0 0}.btn--ghost:hover{background:var(--color-light-steel)}.btn--success{background:var(--color-green);color:#fff}.btn--success:hover{background:#006650}.btn--danger{background:var(--color-red);color:#fff}.btn--danger:hover{background:#a83a38}.btn--warning{background:var(--color-amber);color:#fff}.btn--warning:hover{background:#944b03}.btn--sm{padding:6px 12px;font-size:12px}.btn--lg{padding:12px 22px;font-size:14px}.btn--block{justify-content:center;width:100%}.badge{letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--pending,.badge--mgr{color:#8a4503;background:#fff4e0;border-color:#f1d9a8}.badge--owner{color:#6b3700;background:#fce7c2;border-color:#f1c97a}.badge--clarify{color:#6b5b1f;background:#e8e3d2;border-color:#d7cca0}.badge--approved{color:#0a5c46;background:#dcefe7;border-color:#b9dacb}.badge--conditional{color:#0a4583;background:#deecfb;border-color:#b6d2f0}.badge--rejected{color:#842c2a;background:#fbe0df;border-color:#f0bfbd}.badge--processing{color:#0a5a66;background:#d6f0f4;border-color:#a8dee6}.badge--paid{color:#0a5c46;background:#dcefe7;border-color:#b9dacb}.badge--closed{color:#4d6995;background:#dde5ed;border-color:#c9d2dd}.badge--draft{color:#5b5b54;background:#f1f1ef;border-color:#d9d9d2}.badge--urgent{background:var(--color-red);color:#fff;border-color:#0000}.badge--neutral{background:var(--color-light-steel);color:var(--color-navy);border-color:var(--border-subtle)}.card{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.card__head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding:18px 22px 14px;display:flex}.card__title{color:var(--color-navy);margin:0;font-size:15px;font-weight:800}.card__sub{color:var(--color-steel);margin-top:2px;font-size:12px}.card__body{padding:18px 22px}.card__foot{border-top:1px solid var(--border-subtle);background:var(--color-off-white);padding:12px 22px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden}.stat__label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin-bottom:8px;font-size:11px;font-weight:800}.stat__value{color:var(--color-navy);letter-spacing:-.02em;align-items:baseline;gap:8px;font-size:30px;font-weight:800;line-height:1;display:flex}.stat__unit{color:var(--color-steel);font-size:13px;font-weight:500}.stat__delta{color:var(--color-steel);margin-top:10px;font-size:11px;font-weight:500}.stat__delta strong{font-weight:800}.stat__delta--up strong{color:var(--color-green)}.stat__delta--down strong{color:var(--color-red)}.stat__icon{background:var(--color-light-steel);width:28px;height:28px;color:var(--color-steel);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.stat__icon svg{width:14px;height:14px}.welcome{background:var(--color-navy);color:var(--color-off-white);background-image:repeating-linear-gradient(-45deg,#ffffff0a 0 1px,#0000 1px 9px);border-radius:16px;margin-bottom:24px;padding:28px 32px;position:relative;overflow:hidden}.welcome:before{content:"";pointer-events:none;background:radial-gradient(at 85% 30%,#b9975b38 0%,#0000 55%);position:absolute;inset:0}.welcome>*{z-index:1;position:relative}.welcome__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.welcome__overline{letter-spacing:.14em;text-transform:uppercase;color:#b1c9e8;margin-bottom:8px;font-size:11px;font-weight:800}.welcome__title{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.15}.welcome__desc{color:#dde5ed;max-width:52ch;margin:0;font-size:14px;font-weight:300;line-height:1.55}.welcome__actions{flex-shrink:0;gap:10px;display:flex}.welcome__actions .btn--primary{background:var(--color-gold);color:var(--color-navy)}.welcome__actions .btn--primary:hover{background:#cca866}.welcome__actions .btn--secondary{color:#fff;background:0 0;border-color:#ffffff40}.welcome__actions .btn--secondary:hover{background:#ffffff14}.po-table{border-collapse:collapse;width:100%}.po-table thead th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);border-bottom:1px solid var(--border-subtle);background:var(--color-off-white);white-space:nowrap;padding:12px 18px;font-size:10px;font-weight:800}.po-table tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 18px;font-size:13px}.po-table tbody tr{transition:background-color var(--duration-fast) var(--easing-out);cursor:pointer}.po-table tbody tr:hover{background:var(--color-off-white)}.po-table tbody tr:last-child td{border-bottom:none}.po-table__ref{font-family:var(--font-mono);color:var(--color-steel);font-size:12px}.po-table__title{color:var(--color-navy);margin-bottom:2px;font-weight:800;display:block}.po-table__sub{color:var(--color-steel);font-size:12px;display:block}.po-table__amount{color:var(--color-navy);text-align:right;font-weight:800}.po-table__date{white-space:nowrap;color:var(--color-steel)}.tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.tabs__tab{color:var(--color-steel);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--easing-out);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.tabs__tab:hover{color:var(--color-navy)}.tabs__tab.is-active{color:var(--color-navy);border-bottom-color:var(--color-navy);font-weight:800}.tabs__count{background:var(--color-light-steel);color:var(--color-steel);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.tabs__tab.is-active .tabs__count{background:var(--color-navy);color:#fff}.tracker{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:22px;padding:4px;display:grid;overflow:hidden}.tracker__step{background:var(--color-off-white);border-radius:8px;flex-direction:column;gap:4px;margin:2px;padding:14px 18px;display:flex;position:relative}.tracker__step+.tracker__step:before{content:"";background:var(--border-subtle);width:12px;height:2px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.tracker__step--done{background:#e5f3ee}.tracker__step--done+.tracker__step:before{background:var(--color-green)}.tracker__step--active{background:var(--color-navy);color:#fff;box-shadow:var(--shadow-md)}.tracker__step--rejected{background:#fbe0df}.tracker__step--pending{background:var(--color-off-white);opacity:.6}.tracker__num{background:var(--color-light-steel);width:20px;height:20px;color:var(--color-navy);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.tracker__step--done .tracker__num{background:var(--color-green);color:#fff}.tracker__step--active .tracker__num{background:var(--color-gold);color:var(--color-navy)}.tracker__step--rejected .tracker__num{background:var(--color-red);color:#fff}.tracker__head{align-items:center;gap:8px;display:flex}.tracker__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel);font-size:10px;font-weight:800}.tracker__step--active .tracker__label{color:#b1c9e8}.tracker__step--done .tracker__label{color:#0a5c46}.tracker__title{color:var(--color-navy);font-size:13px;font-weight:800}.tracker__step--active .tracker__title{color:#fff}.tracker__time{color:var(--color-steel);font-size:11px}.tracker__step--active .tracker__time{color:#b1c9e8}.tracker__step--done .tracker__time{color:#0a5c46}@media (width<=800px){.tracker{grid-template-columns:1fr}.tracker__step+.tracker__step:before{display:none}}.po-card{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);border-radius:12px;grid-template-columns:1fr auto;gap:14px 22px;padding:18px 22px;display:grid}.po-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-steel-hover);transform:translateY(-1px)}.po-card__head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.po-card__ref{font-family:var(--font-mono);color:var(--color-steel);background:var(--color-light-steel);border-radius:4px;padding:2px 8px;font-size:11px}.po-card__title{color:var(--color-navy);margin:4px 0;font-size:15px;font-weight:800;line-height:1.3}.po-card__meta{color:var(--color-steel);flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.po-card__meta strong{color:var(--color-navy);font-weight:800}.po-card__side{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.po-card__amount{color:var(--color-navy);letter-spacing:-.01em;font-size:20px;font-weight:800;line-height:1}.po-card__amount-sub{color:var(--color-steel);font-size:11px;font-weight:500}.po-card__actions{gap:6px;margin-top:4px;display:flex}.po-card__progress{grid-column:1/-1;align-items:center;gap:4px;margin-top:4px;display:flex}.po-card__progress-step{background:var(--color-light-steel);border-radius:999px;flex:1;height:4px}.po-card__progress-step--done{background:var(--color-green)}.po-card__progress-step--active{background:var(--color-gold)}.po-card__progress-step--rejected{background:var(--color-red)}.wizard{grid-template-columns:240px 1fr;align-items:flex-start;gap:28px;display:grid}@media (width<=900px){.wizard{grid-template-columns:1fr}.wizard__steps{position:static!important}}.wizard__steps{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;padding:18px;position:sticky;top:80px}.wizard__step{cursor:pointer;transition:background-color var(--duration-fast) var(--easing-out);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 8px;display:flex}.wizard__step:hover{background:var(--color-off-white)}.wizard__step.is-active{background:var(--color-light-steel)}.wizard__step-num{background:var(--color-light-steel);width:26px;height:26px;color:var(--color-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.wizard__step.is-active .wizard__step-num{background:var(--color-navy);color:#fff}.wizard__step.is-done .wizard__step-num{background:var(--color-green);color:#fff}.wizard__step-info{line-height:1.3}.wizard__step-label{color:var(--color-steel);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.wizard__step-title{color:var(--color-navy);margin-top:2px;font-size:13px;font-weight:800}.wizard__panel{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;padding:28px 32px}.wizard__panel-head{border-bottom:1px solid var(--border-subtle);margin-bottom:22px;padding-bottom:18px}.wizard__panel-title{color:var(--color-navy);margin:0 0 6px;font-size:22px;font-weight:800}.wizard__panel-desc{color:var(--color-steel);max-width:60ch;margin:0;font-size:13px;line-height:1.55}.wizard__footer{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:10px;margin-top:26px;padding-top:20px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field__label{color:var(--color-navy);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.field__label .req{color:var(--color-red);font-weight:800}.field__hint{color:var(--color-steel);font-size:11px;line-height:1.4}.field__hint--inline{margin-top:-2px}.field__error{color:var(--color-red);align-items:center;gap:4px;font-size:11px;display:flex}.field__row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.field__row--three{grid-template-columns:2fr 1fr 1fr}.field__row--asym{grid-template-columns:2fr 1fr}.input,.select,.textarea{border:1px solid var(--border-subtle);width:100%;color:var(--color-navy);transition:border-color var(--duration-fast) var(--easing-out), box-shadow var(--duration-fast) var(--easing-out);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-navy);outline:none;box-shadow:0 0 0 3px #0028551a}.textarea{resize:vertical;min-height:92px;line-height:1.5}.input--error{border-color:var(--color-red)}.input-prefixed{border:1px solid var(--border-subtle);transition:border-color var(--duration-fast) var(--easing-out), box-shadow var(--duration-fast) var(--easing-out);background:#fff;border-radius:8px;align-items:center;display:flex}.input-prefixed:focus-within{border-color:var(--color-navy);box-shadow:0 0 0 3px #0028551a}.input-prefixed__prefix{color:var(--color-steel);border-right:1px solid var(--border-subtle);background:var(--color-off-white);border-radius:8px 0 0 8px;padding:10px 12px;font-size:13px;font-weight:800}.input-prefixed input{color:var(--color-navy);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:13px}.input-prefixed select{color:var(--color-navy);border:none;border-left:1px solid var(--border-subtle);background:0 0;outline:none;padding:10px 12px;font-size:13px}.radio-group{flex-wrap:wrap;gap:10px;display:flex}.radio-card{border:1px solid var(--border-subtle);cursor:pointer;min-width:140px;transition:all var(--duration-fast) var(--easing-out);background:#fff;border-radius:8px;flex:1;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.radio-card:hover{border-color:var(--color-steel-hover)}.radio-card.is-active{border-color:var(--color-navy);background:var(--color-light-steel);box-shadow:0 0 0 1px var(--color-navy) inset}.radio-card__dot{border:1.5px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px;position:relative}.radio-card.is-active .radio-card__dot{border-color:var(--color-navy)}.radio-card.is-active .radio-card__dot:after{content:"";background:var(--color-navy);border-radius:50%;position:absolute;inset:3px}.radio-card__label{color:var(--color-navy);font-size:13px;font-weight:800;line-height:1.3}.radio-card__sub{color:var(--color-steel);margin-top:2px;font-size:11px;line-height:1.4}.upload{border:1.5px dashed var(--border-subtle);text-align:center;background:var(--color-off-white);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);border-radius:10px;padding:22px}.upload:hover{border-color:var(--color-navy);background:#fff}.upload svg{width:22px;height:22px;color:var(--color-steel);margin-bottom:6px}.upload__title{color:var(--color-navy);margin-bottom:2px;font-size:13px;font-weight:800}.upload__sub{color:var(--color-steel);font-size:11px}.attachments{flex-direction:column;gap:8px;margin-top:12px;display:flex}.attachment{background:var(--color-white);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.attachment__icon{background:var(--color-light-steel);width:30px;height:30px;color:var(--color-navy);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.attachment__name{color:var(--color-navy);font-weight:800}.attachment__size{color:var(--color-steel);margin-left:auto;font-size:11px}.attachment__remove{cursor:pointer;color:var(--color-steel);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.attachment__remove:hover{background:var(--color-light-steel);color:var(--color-red)}.attachment__remove svg{width:12px;height:12px}.review-section{border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:14px;overflow:hidden}.review-section__head{background:var(--color-off-white);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.review-section__title{color:var(--color-navy);margin:0;font-size:13px;font-weight:800}.review-section__edit{color:var(--color-blue);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:800}.review-section__body{padding:14px 16px}.review-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;display:grid}.review-grid__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel);margin-bottom:2px;font-size:10px;font-weight:800}.review-grid__value{color:var(--color-navy);font-size:13px;font-weight:500;line-height:1.4}.detail{grid-template-columns:1fr 320px;align-items:flex-start;gap:22px;display:grid}@media (width<=1100px){.detail{grid-template-columns:1fr}}.detail__head{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:20px;padding:22px 26px}.detail__breadcrumb{color:var(--color-steel);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:10px;padding:0;font-family:inherit;font-size:12px;display:flex}.detail__breadcrumb:hover{color:var(--color-navy)}.detail__breadcrumb svg{width:12px;height:12px}.detail__title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.detail__ref{font-family:var(--font-mono);color:var(--color-steel);background:var(--color-light-steel);border-radius:6px;margin-bottom:8px;padding:3px 10px;font-size:12px;display:inline-block}.detail__title{color:var(--color-navy);margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.2}.detail__meta{color:var(--color-steel);flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.detail__meta strong{color:var(--color-navy);font-weight:800}.detail__amount-card{background:var(--color-light-steel);text-align:right;border-radius:10px;min-width:160px;padding:14px 18px}.detail__amount-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);font-size:10px;font-weight:800}.detail__amount-value{color:var(--color-navy);letter-spacing:-.01em;margin-top:4px;font-size:26px;font-weight:800;line-height:1}.detail__main{flex-direction:column;gap:18px;display:flex}.detail__side{flex-direction:column;gap:18px;display:flex;position:sticky;top:80px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px 28px;padding:22px 26px;display:grid}.info-grid__item{line-height:1.4}.info-grid__label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin-bottom:4px;font-size:10px;font-weight:800}.info-grid__value{color:var(--color-navy);font-size:13px;font-weight:500}.info-grid__value a{color:var(--color-blue)}.info-grid__value strong{font-weight:800}.timeline{padding:8px 26px 22px}.timeline__item{grid-template-columns:32px 1fr;gap:14px;padding:16px 0;display:grid;position:relative}.timeline__item+.timeline__item:before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:-8px;bottom:100%;left:15px}.timeline__item:not(:last-child):after{content:"";background:var(--border-subtle);width:2px;position:absolute;top:48px;bottom:-16px;left:15px}.timeline__dot{background:var(--color-light-steel);width:32px;height:32px;color:var(--color-navy);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.timeline__dot svg{width:14px;height:14px}.timeline__dot--submit{background:var(--color-navy);color:#fff}.timeline__dot--approve{background:var(--color-green);color:#fff}.timeline__dot--reject{background:var(--color-red);color:#fff}.timeline__dot--comment{background:var(--color-steel);color:#fff}.timeline__dot--pay{background:var(--color-gold);color:var(--color-navy)}.timeline__dot--info{background:var(--color-amber);color:#fff}.timeline__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.timeline__title{color:var(--color-navy);margin:0;font-size:13px;font-weight:800}.timeline__title .by{color:var(--color-steel);font-weight:500}.timeline__time{color:var(--color-steel);white-space:nowrap;font-size:11px}.timeline__body{color:var(--color-steel);font-size:12px;line-height:1.55}.timeline__quote{background:var(--color-off-white);border-left:3px solid var(--color-steel);color:var(--color-navy);border-radius:4px 8px 8px 4px;margin-top:8px;padding:10px 14px;font-size:13px;line-height:1.55}.action-panel{padding:22px 24px}.action-panel__title{color:var(--color-navy);margin:0 0 12px;font-size:13px;font-weight:800}.action-panel .btn{justify-content:center;width:100%;margin-bottom:8px}.action-panel__divider{background:var(--border-subtle);height:1px;margin:14px 0}.composer{border-top:1px solid var(--border-subtle);background:var(--color-off-white);padding:18px 26px 22px}.composer__input{border:1px solid var(--border-subtle);width:100%;min-height:70px;color:var(--color-navy);resize:vertical;background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.composer__input:focus{border-color:var(--color-navy);outline:none;box-shadow:0 0 0 3px #0028551a}.composer__bar{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.composer__tip{color:var(--color-steel);font-size:11px}.approval-card{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.approval-card__head{background:var(--color-navy);color:#fff;background-image:repeating-linear-gradient(-45deg,#ffffff0a 0 1px,#0000 1px 8px);padding:14px 18px;position:relative}.approval-card__head:after{content:"";background:#ffffff0f;border-radius:50%;width:6rem;height:6rem;position:absolute;inset-block-end:-2rem;inset-inline-end:-2rem}.approval-card__title{color:#fff;margin:0;font-size:13px;font-weight:800;position:relative}.approval-card__sub{color:#b1c9e8;margin-top:2px;font-size:11px;position:relative}.approval-card__body{padding:18px}.banner{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.banner svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.banner__title{margin:0 0 2px;font-weight:800}.banner__body{margin:0}.banner--urgent{color:#842c2a;border-left:3px solid var(--color-red);background:#fbe0df}.banner--info{background:var(--color-light-steel);color:var(--color-navy);border-left:3px solid var(--color-navy)}.banner--warn{background:var(--color-warm-light);color:#6b3700;border-left:3px solid var(--color-amber)}.banner--success{color:#0a5c46;border-left:3px solid var(--color-green);background:#dcefe7}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar__search{border:1px solid var(--border-subtle);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:240px;max-width:460px;padding:9px 14px;display:flex}.toolbar__search input{border:none;outline:none;flex:1;font-size:13px}.toolbar__search svg{width:14px;height:14px;color:var(--color-steel)}.filter-chip{border:1px solid var(--border-subtle);color:var(--color-navy);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.filter-chip:hover{border-color:var(--color-navy)}.filter-chip.is-active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.filter-chip svg{width:12px;height:12px}.divider{background:var(--border-subtle);height:1px;margin:18px 0}.spacer{height:8px}.kbd{font-family:var(--font-mono);background:var(--color-light-steel);color:var(--color-navy);border-radius:3px;padding:1px 5px;font-size:11px}.chart-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:20px 22px}.bar-chart{gap:10px;margin-top:12px;display:grid}.bar-row{grid-template-columns:120px 1fr 60px;align-items:center;gap:12px;font-size:12px;display:grid}.bar-row__label{color:var(--color-steel);font-weight:500}.bar-row__bar{background:var(--color-light-steel);border-radius:999px;height:12px;position:relative;overflow:hidden}.bar-row__fill{background:var(--color-navy);border-radius:999px;height:100%}.bar-row__value{color:var(--color-navy);text-align:right;font-size:12px;font-weight:800}@keyframes fadeUp{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.reveal{animation:fadeUp .36s var(--easing-out) both}.reveal--1{animation-delay:30ms}.reveal--2{animation-delay:80ms}.reveal--3{animation-delay:.13s}.reveal--4{animation-delay:.18s}.reveal--5{animation-delay:.23s}}.empty{text-align:center;color:var(--color-steel);padding:60px 24px;font-size:13px}.empty svg{width:36px;height:36px;color:var(--color-light-steel);margin-bottom:8px}.empty__title{color:var(--color-navy);margin-bottom:4px;font-size:16px;font-weight:800}.login-screen{background:var(--color-navy);color:var(--fg-on-dark);z-index:100;background-image:repeating-linear-gradient(-45deg,#ffffff0a 0 1px,#0000 1px 9px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-screen:before{content:"";background:radial-gradient(at 70% 40%,#b9975b38 0%,#0000 55%);position:absolute;inset:0}.login-card{color:var(--color-navy);width:100%;max-width:420px;box-shadow:var(--shadow-xl);background:#fff;border-radius:16px;padding:36px 38px;position:relative}.login-card__logo{height:28px;margin-bottom:18px}.login-card h2{color:var(--color-navy);margin:0 0 4px;font-size:22px}.login-card p{color:var(--color-steel);margin:0 0 22px;font-size:13px}.login-card .field{margin-bottom:14px}.login-card__demo{border-top:1px solid var(--border-subtle);margin-top:22px;padding-top:18px}.login-card__demo-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin-bottom:8px;font-size:10px;font-weight:800}.login-card__demo-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.login-card__demo-btn{text-align:left;background:var(--color-off-white);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);border-radius:8px;padding:8px 10px;font-family:inherit}.login-card__demo-btn:hover{background:var(--color-light-steel);border-color:var(--color-steel-hover)}.login-card__demo-btn strong{color:var(--color-navy);font-size:12px;font-weight:800;display:block}.login-card__demo-btn span{color:var(--color-steel);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.toast-stack{z-index:50;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;border:1px solid var(--border-subtle);border-left:4px solid var(--color-green);box-shadow:var(--shadow-lg);min-width:280px;max-width:380px;animation:fadeUp .28s var(--easing-out) both;background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.toast__title{color:var(--color-navy);margin:0 0 2px;font-size:13px;font-weight:800}.toast__body{color:var(--color-steel);margin:0;font-size:12px;line-height:1.4}.toast--info{border-left-color:var(--color-blue)}.toast--warn{border-left-color:var(--color-amber)}.toast--danger{border-left-color:var(--color-red)}.po-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.po-table thead th.sortable:hover{color:var(--color-navy)}.muted{color:var(--color-steel)}.fw-800{font-weight:800}.row{align-items:center;gap:8px;display:flex}.row--end{justify-content:flex-end}.flex-1{flex:1}.text-right{text-align:right}.tracker{grid-template-columns:repeat(7,1fr)}.tracker__step{gap:3px;padding:12px}.tracker__title{font-size:12px}.tracker__label{font-size:9px}@media (width<=1200px){.tracker{grid-template-columns:repeat(4,1fr)}}@media (width<=760px){.tracker{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tracker{grid-template-columns:1fr}}.app-header__version{background:var(--color-gold);color:var(--color-navy);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:9px;font-weight:800}.stage-map{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:22px;padding:14px 18px;display:grid;position:relative;overflow:hidden}@media (width<=1100px){.stage-map{grid-template-columns:repeat(4,1fr)}}@media (width<=700px){.stage-map{grid-template-columns:repeat(2,1fr)}}.stage-map__col{text-align:center;padding:8px 10px;position:relative}.stage-map__col+.stage-map__col:before{content:"";background:var(--border-subtle);width:1px;height:32px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.stage-map__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel);margin-bottom:6px;font-size:10px;font-weight:800}.stage-map__count{color:var(--color-navy);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.stage-map__sub{color:var(--color-steel);letter-spacing:.04em;margin-top:4px;font-size:10px}.stage-map__col--active .stage-map__count{color:var(--color-amber)}.stage-map__col--done .stage-map__count{color:var(--color-green)}.lines-table{border-collapse:collapse;width:100%;font-size:13px}.lines-table thead th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);background:var(--color-off-white);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:10px 16px;font-size:10px;font-weight:800}.lines-table tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:14px 16px}.lines-table tbody tr:last-child td{border-bottom:none}.lines-table__desc{color:var(--color-navy);font-weight:800;display:block}.lines-table__sub{color:var(--color-steel);margin-top:2px;font-size:11px;display:block}.lines-table__num{font-family:var(--font-mono);color:var(--color-steel);text-align:right;font-size:12px}.lines-table__amt{color:var(--color-navy);text-align:right;white-space:nowrap;font-weight:800}.lines-table tfoot td{background:var(--color-off-white);color:var(--color-navy);border-top:1px solid var(--border-subtle);padding:14px 16px;font-weight:800}.lines-table tfoot td.text-right{text-align:right}.line-pill{letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.line-pill--asset{color:#6b3700;background:#fce7c2;border:1px solid #f1c97a}.line-pill--svc{background:var(--color-light-steel);color:var(--color-steel);border:1px solid var(--border-subtle)}.line-pill--received{color:#0a5c46;background:#dcefe7;border:1px solid #b9dacb}.line-pill--partial{color:#0a5a66;background:#d6f0f4;border:1px solid #a8dee6}.detail-tabs{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.detail-tabs__nav{border-bottom:1px solid var(--border-subtle);background:var(--color-off-white);display:flex;overflow-x:auto}.detail-tabs__tab{font:inherit;letter-spacing:.04em;color:var(--color-steel);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--easing-out);text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 22px;font-size:12px;font-weight:800;display:inline-flex}.detail-tabs__tab:hover{color:var(--color-navy)}.detail-tabs__tab.is-active{color:var(--color-navy);border-bottom-color:var(--color-navy);background:var(--color-white)}.detail-tabs__tab .count{background:var(--color-light-steel);color:var(--color-steel);border-radius:999px;padding:1px 7px;font-size:10px}.detail-tabs__tab.is-active .count{background:var(--color-navy);color:#fff}.detail-tabs__panel{padding:0}.audit-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:110px 1fr;gap:14px;padding:14px 22px;font-size:13px;display:grid}.audit-row:last-child{border-bottom:none}.audit-row__time{color:var(--color-steel);font-size:11px;font-family:var(--font-mono);line-height:1.4}.audit-row__fn{font-family:var(--font-mono);background:var(--color-navy);color:#fff;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:11px;display:inline-block}.audit-row__actor{color:var(--color-navy);font-weight:800}.audit-row__intent{font-family:var(--font-mono);color:var(--color-steel);background:var(--color-light-steel);border-radius:3px;margin-top:4px;padding:2px 6px;font-size:10px;display:inline-block}.audit-row__app{font-family:var(--font-mono);color:var(--color-gold);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.equip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:22px;display:grid}.equip-card{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.equip-card__icon{background:var(--color-light-steel);width:32px;height:32px;color:var(--color-navy);border-radius:8px;justify-content:center;align-items:center;margin-bottom:4px;font-size:10px;font-weight:800;display:inline-flex}.equip-card__id{font-family:var(--font-mono);color:var(--color-steel);background:var(--color-off-white);border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px}.equip-card__name{color:var(--color-navy);font-size:13px;font-weight:800;line-height:1.3}.equip-card__serial{font-family:var(--font-mono);color:var(--color-steel);font-size:11px}.equip-card__meta{color:var(--color-steel);margin-top:4px;font-size:11px}.equip-card__meta strong{color:var(--color-navy);font-weight:800}.vendor-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.vendor-card{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--easing-out);cursor:pointer;border-radius:12px;padding:18px 20px}.vendor-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-steel-hover);transform:translateY(-1px)}.vendor-card__row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.vendor-card__logo{background:var(--color-navy);width:36px;height:36px;color:var(--color-gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.vendor-card__title{color:var(--color-navy);margin:0;font-size:15px;font-weight:800;line-height:1.25}.vendor-card__cat{color:var(--color-steel);margin-top:2px;font-size:11px}.vendor-card__meta{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.vendor-card__meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin-bottom:2px;font-size:10px;font-weight:800}.vendor-card__meta-value{color:var(--color-navy);font-size:13px;font-weight:800}button.vendor-card{font:inherit;text-align:left;color:inherit;width:100%;position:relative}.vendor-card.is-expanded{cursor:default;border-color:var(--color-steel-hover);box-shadow:var(--shadow-md);grid-column:1/-1}.vendor-card.is-expanded:hover{transform:none}.vendor-card__override-badge{background:var(--color-red);color:#fff;letter-spacing:.12em;text-transform:uppercase;z-index:2;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:-8px;right:12px}.vendor-card__expanded{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:18px;position:relative}.vendor-card__close{background:var(--color-off-white);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--color-steel);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:0}.vendor-card__close:hover{color:var(--color-navy);background:var(--color-light-steel)}.vendor-card__expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;display:grid}.vendor-card__section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);margin:0 0 10px;font-size:11px;font-weight:800}.vendor-card__expanded section .kv a{color:var(--color-blue);align-items:center;gap:4px;font-weight:500;display:inline-flex}.vendor-card__expanded section .kv a:hover{color:var(--color-navy-focus)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=700px){.vendor-card.is-expanded{grid-column:1/-1}.vendor-card__expanded-grid{grid-template-columns:1fr;gap:18px}}.flowmap{background:var(--color-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;padding:28px 32px}.flowmap__row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 24px 1fr 1fr;align-items:center;gap:14px;padding:12px 0;font-size:13px;display:grid}.flowmap__row:last-child{border-bottom:none}.flowmap__row--head{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);border-bottom:2px solid var(--border-subtle);padding-bottom:8px;font-size:10px;font-weight:800}.flowmap__arrow{color:var(--color-steel);text-align:center}.flowmap__hub,.flowmap__flowint,.flowmap__pay{color:var(--color-navy);font-size:12px;font-weight:500}.flowmap__mono{font-family:var(--font-mono);background:var(--color-light-steel);color:var(--color-navy);border-radius:4px;padding:2px 8px;font-size:12px}.receive-grid{background:var(--color-off-white);border-radius:8px;grid-template-columns:1fr 80px 80px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:grid}.receive-grid__desc{color:var(--color-navy);font-size:12px;font-weight:800}.receive-grid__qty{color:var(--color-steel);font-size:11px}.hub-users{border-collapse:collapse;width:100%;font-size:13px}.hub-users thead th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);background:var(--color-off-white);border-bottom:1px solid var(--border-subtle);padding:12px 18px;font-size:10px;font-weight:800}.hub-users tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 18px}.hub-users__mono{font-family:var(--font-mono);color:var(--color-steel);font-size:11px}.hub-users__row-actions{opacity:0;transition:opacity var(--duration-fast) var(--easing-out);gap:6px;display:flex}.hub-users tbody tr:hover .hub-users__row-actions{opacity:1}.role-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.role-pill--employee{background:var(--color-light-steel);color:var(--color-navy)}.role-pill--manager{color:#0a4583;background:#deecfb}.role-pill--owner{color:#6b3700;background:#fce7c2}.role-pill--accounting{color:#0a5c46;background:#dcefe7}.role-pill--admin{background:var(--color-navy);color:#fff}.spec-banner{background:var(--color-navy);color:var(--color-off-white);background-image:repeating-linear-gradient(-45deg,#ffffff0a 0 1px,#0000 1px 9px);border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:12px 18px;display:flex}.spec-banner__icon{background:var(--color-gold);width:32px;height:32px;color:var(--color-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spec-banner__title{color:#fff;margin:0 0 2px;font-size:13px;font-weight:800}.spec-banner__body{color:#b1c9e8;margin:0;font-size:12px;line-height:1.45}.spec-banner__body code{color:#fff;background:#ffffff1a;border-radius:3px;padding:1px 5px}.kv{grid-template-columns:auto 1fr;gap:4px 12px;font-size:12px;display:grid}.kv__k{color:var(--color-steel);letter-spacing:.04em;text-transform:uppercase;align-self:center;font-size:10px;font-weight:800}.kv__v{color:var(--color-navy);font-weight:500}.kv__v--mono{font-family:var(--font-mono);font-size:11px}.layout{transition:grid-template-columns var(--duration-normal) var(--easing-out);grid-template-columns:232px minmax(0,1fr) 0;display:grid}.layout[data-help-open=true]{grid-template-columns:232px minmax(0,1fr) 420px}.help-drawer{background:var(--color-white);border-left:1px solid var(--border-subtle);flex-direction:column;align-self:start;height:calc(100vh - 60px);display:flex;position:sticky;top:60px;overflow:hidden}.help-drawer__inner{opacity:0;width:420px;height:100%;transition:opacity var(--duration-normal) var(--easing-out);flex-direction:column;flex-shrink:0;display:flex}.layout[data-help-open=true] .help-drawer__inner{opacity:1}.help-drawer__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.help-drawer__header-left{align-items:center;gap:12px;display:flex}.help-drawer__icon{background:var(--color-navy);width:32px;height:32px;color:var(--color-gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.help-drawer__overline{letter-spacing:.12em;text-transform:uppercase;color:var(--color-steel);font-size:10px;font-weight:800}.help-drawer__title{color:var(--color-navy);margin:2px 0 0;font-size:17px;font-weight:800;line-height:1.2}.help-drawer__close{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--color-steel);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.help-drawer__close:hover{color:var(--color-navy);background:var(--color-light-steel)}.help-drawer__search{background:var(--color-off-white);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:8px;margin:14px 20px 10px;padding:8px 10px;display:flex}.help-drawer__search svg{color:var(--color-steel);flex-shrink:0}.help-drawer__search input{font:inherit;color:var(--color-navy);background:0 0;border:none;outline:none;flex:1;font-size:13px}.help-drawer__search input::placeholder{color:var(--color-steel)}.help-drawer__search-clear{background:var(--color-light-steel);width:20px;height:20px;color:var(--color-steel);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.help-drawer__tabs{gap:6px;margin-bottom:4px;padding:4px 20px 0;display:flex}.help-drawer__tab{background:var(--color-off-white);border:1px solid var(--border-subtle);color:var(--color-steel);cursor:pointer;transition:all var(--duration-fast) var(--easing-out);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.help-drawer__tab:hover{color:var(--color-navy)}.help-drawer__tab.is-active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.help-drawer__body{flex:1;padding:14px 20px 18px;overflow-y:auto}.help-pagehead{margin-bottom:12px}.help-pagehead__role{letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);margin-bottom:4px;font-size:10px;font-weight:800}.help-pagehead__intro{color:var(--color-navy);margin:0 0 12px;font-size:13px;line-height:1.5}.help-list{flex-direction:column;gap:8px;display:flex}.help-drawer__sectiondesc{letter-spacing:.04em;color:var(--color-steel);margin:0 0 10px;font-size:11px}.help-item{border:1px solid var(--border-subtle);background:var(--color-white);transition:border-color var(--duration-fast) var(--easing-out);border-radius:8px;overflow:hidden}.help-item.is-open{border-color:var(--color-steel-hover)}.help-item__q{text-align:left;width:100%;font:inherit;color:var(--color-navy);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.help-item.is-open .help-item__q{background:var(--color-off-white)}.help-item__q-text{flex:1}.help-item__chev{width:18px;height:18px;color:var(--color-steel);transition:transform var(--duration-fast) var(--easing-out);justify-content:center;align-items:center;display:inline-flex}.help-item__a{color:var(--color-steel);background:var(--color-white);border-top:1px solid var(--border-subtle);padding:10px 12px 12px;font-size:13px;line-height:1.55}.help-item__source{letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold);margin-top:8px;font-size:10px;font-weight:800}.help-empty{text-align:center;color:var(--color-steel);padding:24px}.help-empty svg{margin-bottom:8px}.help-empty h3{color:var(--color-navy);margin:0 0 4px;font-size:14px}.help-empty p{margin:0 0 12px;font-size:12px}.help-cta{background:var(--color-warm-light);border:1px solid var(--color-gold);color:var(--color-navy);border-radius:8px;margin-top:18px;padding:12px 14px;font-size:12px}.help-cta strong{margin-bottom:4px;font-size:13px;display:block}.help-cta a{color:var(--color-navy);font-weight:800}.help-cta code{font-family:var(--font-mono);background:#0000000f;border-radius:3px;padding:1px 5px}.help-drawer__footer{border-top:1px solid var(--border-subtle);color:var(--color-steel);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:11px;display:flex}.kbd{font-family:var(--font-mono);background:var(--color-light-steel);color:var(--color-navy);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.help-drawer__doclink{color:var(--color-blue);align-items:center;gap:4px;font-weight:800;text-decoration:none;display:inline-flex}.help-drawer__doclink:hover{text-decoration:underline}@media (width<=900px){.layout[data-help-open=true]{grid-template-columns:232px minmax(0,1fr) 0}.help-drawer{z-index:30;width:100%;max-width:360px;transition:transform var(--duration-normal) var(--easing-out);position:fixed;top:60px;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0028552e}.layout[data-help-open=true] .help-drawer{transform:translate(0)}.help-drawer__inner{opacity:1;width:100%}}