/* SBFIS production refinement layer */
:root{
  --sidebar:256px;
  --radius-xs:7px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --surface:#fff;
  --surface-soft:#f7f9fd;
  --line:#e5eaf3;
  --ink:#071a46;
  --brand:#3157f6;
  --brand-2:#6b4dff;
  --elevation:0 1px 2px rgba(7,26,70,.03),0 12px 32px rgba(7,26,70,.055);
}

html{scroll-behavior:smooth}
body{font-size:13px;letter-spacing:-.005em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
button:disabled{cursor:not-allowed;opacity:.62}
::selection{background:#d9e1ff;color:#071a46}

/* Landing page */
.landing{background:#fff}
.landing-main{overflow:clip}
.landing-nav{height:82px;padding-inline:clamp(24px,5.5vw,88px);gap:36px}
.landing-nav.scrolled{height:68px;border-bottom-color:rgba(255,255,255,.12)}
.landing-logo-mark{width:38px;height:38px;border-radius:3px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.landing-logo b{font-size:19px;letter-spacing:.015em}
.landing-logo small{font-size:7px;letter-spacing:.035em}
.landing-links{gap:clamp(20px,2.5vw,38px)}
.landing-links a{position:relative;font-size:10px;letter-spacing:.015em}
.landing-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#829fff,#a38bff);transition:right .25s ease}
.landing-links a:hover:after{right:0}
.landing-pill{border:1px solid rgba(255,255,255,.08);border-radius:11px;min-height:51px;padding-inline:23px;letter-spacing:-.01em;isolation:isolate;position:relative;overflow:hidden}
.landing-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.2) 45%,transparent 65%);transform:translateX(-120%);transition:transform .55s ease;z-index:-1}
.landing-pill:hover:before{transform:translateX(120%)}
.landing-pill-small{min-height:40px;border-radius:9px;padding-inline:17px}
.landing-hero{min-height:max(780px,100svh);padding-inline:clamp(28px,5.5vw,88px);gap:clamp(35px,5vw,90px);background:radial-gradient(circle at 77% 28%,rgba(82,80,246,.29),transparent 25%),radial-gradient(circle at 22% 92%,rgba(32,94,236,.18),transparent 32%),linear-gradient(138deg,#010617 0%,#041134 54%,#071d59 100%)}
.landing-hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,rgba(1,7,27,.38));z-index:-1}
.hero-copy{max-width:680px}
.hero-copy h1{font-size:clamp(52px,5.25vw,82px);line-height:.99;letter-spacing:-.06em;text-wrap:balance}
.hero-copy>p{max-width:590px;font-size:14px;line-height:1.8;color:#b7c4df}
.landing-chip{border-color:rgba(157,174,255,.28);background:rgba(84,99,207,.13);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.hero-dashboard{border-color:rgba(255,255,255,.38);box-shadow:0 45px 110px rgba(0,0,0,.48),0 0 95px rgba(64,79,242,.16)}
.hero-dash-top{background:rgba(255,255,255,.98)}
.hero-kpis article,.hero-chart-card{box-shadow:0 7px 20px rgba(7,26,70,.045)}
.floating-card{backdrop-filter:blur(12px);box-shadow:0 20px 55px rgba(0,6,30,.34)}
.logo-strip{padding-block:31px}
.logo-strip div{gap:clamp(14px,2.4vw,36px);letter-spacing:.08em}
.landing-section{padding-block:clamp(88px,9vw,140px)}
.section-kicker{font-size:8px;letter-spacing:.2em}
.section-heading{margin-bottom:58px}
.section-heading h2,.intelligence-copy h2{max-width:820px;text-wrap:balance}
.feature-grid{gap:20px}
.feature-card{border-color:#e1e6f0;border-radius:18px;padding:30px;box-shadow:0 1px 1px rgba(7,26,70,.02)}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(20,32,78,.11)}
.feature-icon{border-radius:12px;box-shadow:inset 0 0 0 1px rgba(7,26,70,.03)}
.mini-insight{box-shadow:0 24px 55px rgba(62,40,160,.1)}
.workflow-section{background:radial-gradient(circle at 9% 48%,rgba(70,91,255,.2),transparent 28%),radial-gradient(circle at 90% 10%,rgba(104,75,255,.13),transparent 27%),linear-gradient(135deg,#02091f,#071744)}
.workflow-track article{border-radius:13px;padding:16px 14px 26px 0}
.workflow-track article:hover,.workflow-track article.active{background:linear-gradient(90deg,rgba(255,255,255,.05),transparent);transform:translateX(7px)}
.intel-core{box-shadow:0 32px 85px rgba(13,32,92,.3),inset 0 0 45px rgba(109,88,255,.34)}
.intel-node{border-radius:13px;box-shadow:0 20px 50px rgba(23,39,89,.14)}
.stats-band article{padding-block:44px}
.pricing-grid{gap:22px}
.price-card{border-radius:18px;padding:32px;box-shadow:0 8px 30px rgba(17,32,78,.045)}
.price-card.featured{box-shadow:0 34px 78px rgba(5,16,53,.29)}
.testimonial-section blockquote{text-wrap:balance}
.landing-cta{border:1px solid rgba(255,255,255,.08);box-shadow:0 35px 100px rgba(5,16,53,.18)}

/* Authentication */
.login-screen{background:linear-gradient(135deg,#f7f9ff,#fff)}
.login-brand{padding:clamp(70px,9vw,150px);background:radial-gradient(circle at 80% 8%,rgba(110,78,255,.42),transparent 27%),radial-gradient(circle at 10% 100%,rgba(49,87,246,.2),transparent 35%),linear-gradient(145deg,#010617,#061849 67%,#193fc0)}
.login-card-wrap{position:relative;padding:55px}
.login-card{width:min(450px,100%);padding:42px;border:1px solid #e5eaf3;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 35px 90px rgba(9,28,73,.12);backdrop-filter:blur(20px)}
.login-card h2{font-size:32px;letter-spacing:-.04em}
.login-card label:not(.check){gap:9px;margin:18px 0;font-size:10px;letter-spacing:.01em}
.login-card input{height:50px;border-color:#dfe5ef;border-radius:10px;background:#fbfcff}
.login-card input:focus{border-color:#8097f8;background:#fff;box-shadow:0 0 0 4px rgba(49,87,246,.1);outline:0}
.password-control{position:relative;display:block}.password-control input{padding-right:48px!important}.password-toggle{position:absolute;right:8px;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#687792;cursor:pointer}.password-toggle:hover{background:#edf2ff;color:#3157f6}.password-toggle:focus-visible{outline:2px solid #8da2ff;outline-offset:1px}.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-control.is-visible .password-toggle{color:#3157f6;background:#edf2ff}
.login-card .btn.wide{height:50px;border-radius:10px;box-shadow:0 14px 30px rgba(49,87,246,.2)}
.login-row{gap:18px}
.link-btn{text-decoration:none;font-size:9px}
.access-note{margin:19px 0 0;padding:12px 13px;border:1px solid #e2e8f4;border-radius:9px;background:#f8faff;color:#66748c;font-size:9px;line-height:1.55}
.secure-note{margin-top:17px}
.login-back{top:28px;left:34px}

/* Application shell */
.app{background:#f6f8fc}
.sidebar{width:var(--sidebar);background:radial-gradient(circle at 15% 0,rgba(67,89,218,.2),transparent 23%),linear-gradient(180deg,#020b25 0%,#06163f 62%,#041231 100%);box-shadow:10px 0 35px rgba(0,12,42,.09)}
.logo-row{height:82px;padding:16px 18px;gap:13px}
.logo-row>div:nth-child(2){min-width:0}
.logo-row strong{font-size:17px;letter-spacing:.02em}
.logo-row small{font-size:7px;line-height:1.45;letter-spacing:.02em}
.logo-mark{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px}
.logo-mark svg{width:34px;height:34px;overflow:visible}
.logo-mark svg path:first-child{fill:none;stroke:#7893ff;stroke-width:1.5}
.logo-mark svg path:last-child{fill:none;stroke:#fff;stroke-width:1.5}
.tenant-side{min-height:66px;padding:13px 16px;gap:11px;background:rgba(255,255,255,.025)}
.tenant-side>span,.sidebar-user>span{width:34px;height:34px;border-radius:10px;flex:0 0 34px;box-shadow:0 8px 18px rgba(51,64,225,.22)}
.tenant-side>div,.sidebar-user>div{min-width:0}
.tenant-side b,.sidebar-user b{max-width:168px;font-size:10px}
.sidebar nav{padding:8px 10px 14px;scrollbar-color:#31436d transparent;scrollbar-width:thin}
.nav-group{margin:0 0 5px}
.nav-label{padding:15px 10px 7px;font-size:7px;letter-spacing:.14em;color:#7084b1;display:flex;align-items:center;justify-content:space-between}.nav-label i{font-style:normal;font-size:7px;color:#53678f;letter-spacing:.08em}
.nav-item{position:relative;min-height:42px;margin:3px 0;padding:8px 10px;border-radius:10px;gap:11px;color:#bdc9e3;font-size:9px;line-height:1.25;overflow:hidden;border:1px solid transparent}
.nav-item:hover{background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border-color:rgba(170,187,255,.08);color:#fff;transform:translateX(3px)}
.nav-item.active{background:linear-gradient(100deg,rgba(49,87,246,.96),rgba(107,77,255,.88));box-shadow:0 10px 24px rgba(37,47,180,.3),inset 0 1px rgba(255,255,255,.17);color:#fff}
.nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#fff}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;border-radius:5px}
.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.nav-text{min-width:0;text-align:left}.nav-arrow{margin-left:auto;opacity:0;font-size:17px;line-height:0;font-weight:300;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:.82;transform:none}.nav-item:focus-visible{outline:2px solid #b5c3ff;outline-offset:2px}
#nav .nav-group:nth-child(1) .nav-icon{color:#8ca7ff;background:rgba(104,132,255,.12)}#nav .nav-group:nth-child(2) .nav-icon{color:#6ed6ff;background:rgba(56,190,241,.11)}#nav .nav-group:nth-child(3) .nav-icon{color:#c9a6ff;background:rgba(164,108,255,.12)}#nav .nav-group:nth-child(4) .nav-icon{color:#5ce2ae;background:rgba(43,199,137,.11)}#nav .nav-group:nth-child(5) .nav-icon{color:#ffbd6e;background:rgba(255,165,66,.12)}#nav .nav-group:nth-child(6) .nav-icon{color:#ff9cc5;background:rgba(255,101,165,.11)}.nav-item.active .nav-icon{color:#fff;background:rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.14)}.nav-item:hover .nav-icon{filter:brightness(1.16)}
.sidebar-help{margin:8px 12px;padding:11px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:10px;text-decoration:none;color:#dbe5ff}
.sidebar-help:hover{background:rgba(255,255,255,.075);transform:translateY(-1px)}
.sidebar-help>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px}
.sidebar-help svg{width:20px;height:20px;fill:none;stroke:#9eafff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-user{padding:13px 16px;background:rgba(0,0,0,.09)}
.workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));max-width:calc(100% - var(--sidebar));min-width:0}
.topbar{height:72px;padding:0 24px;gap:18px;box-shadow:0 1px 0 rgba(7,26,70,.02)}
.global-search{height:40px;border-radius:10px;background:#f8fafe;max-width:620px}
.global-search:focus-within{border-color:#a8b8f8;background:#fff;box-shadow:0 0 0 4px rgba(49,87,246,.07)}
.header-actions{gap:9px}
.stream-switch{height:46px;min-width:172px;padding:5px 9px;border:1px solid #dce4f1;border-radius:9px;background:#fff;display:grid;align-content:center;gap:2px;color:#53627c}
.stream-switch span{font-size:7px;font-weight:800;letter-spacing:.02em}
.stream-switch select{min-width:0;border:0;outline:0;background:transparent;color:#112a61;font-size:9px;font-weight:750;cursor:pointer}
.stream-switch:focus-within{border-color:#8ba3ee;box-shadow:0 0 0 3px rgba(49,87,246,.07)}
.stream-switch.single{background:#f7f9fc}.stream-switch.single select{cursor:default}
.branch-btn,.user-btn{border-radius:9px;padding-inline:8px}
.branch-btn:hover,.user-btn:hover,.icon-btn:hover{background:#f3f6fb}
.btn{height:40px;border-radius:9px;padding-inline:16px}
.btn.primary,.btn.ai{box-shadow:0 8px 18px rgba(49,87,246,.14)}
main#main{padding:28px 28px 36px;max-width:1760px}
.page-head{margin-bottom:24px}
.page-head h1{font-size:28px;letter-spacing:-.04em}
.breadcrumbs{color:#8792a5}
.card,.kpi{border-color:#e3e8f1;border-radius:13px;box-shadow:var(--elevation)}
.card{padding:18px}
.card-head{margin-bottom:17px}
.card h2{font-size:13px;letter-spacing:-.015em}
.kpi{padding:16px;min-height:118px;display:flex;flex-direction:column}
.kpi-head{gap:10px;color:#657188}
.kpi-icon{width:31px;height:31px;border-radius:9px}
.kpi strong{margin:12px 0 6px;font-size:20px}
.kpi small{margin-top:auto}
.dashboard-grid{gap:18px;margin-bottom:18px}
.kpi-grid{gap:12px;margin-bottom:18px}
.dashboard-welcome{margin:-5px 0 18px;padding:15px 17px;border:1px solid #dfe7fa;border-radius:13px;background:radial-gradient(circle at 82% 4%,rgba(105,82,255,.16),transparent 32%),linear-gradient(110deg,#f8fbff,#f3f6ff);display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 10px 25px rgba(36,68,146,.045)}
.dashboard-welcome>div>span,.dashboard-welcome b,.dashboard-welcome small{display:block}.dashboard-welcome>div>span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#5570c8}.dashboard-welcome b{margin:4px 0;font-size:15px;color:#071a46}.dashboard-welcome small{font-size:9px;color:#6e7c96}.dashboard-welcome-actions{display:flex;gap:9px;flex-wrap:wrap}.mini-action{min-width:150px;padding:9px 12px;border:1px solid #d9e2f6;border-radius:9px;background:rgba(255,255,255,.78);color:#53617d;text-align:left;font-size:8px;font-weight:700}.mini-action strong{display:block;margin-top:3px;color:#0a2672;font-size:11px}.mini-action:hover{border-color:#8ca6ef;box-shadow:0 8px 18px rgba(42,71,150,.09);transform:translateY(-1px)}
.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:72px;height:72px;right:-27px;top:-28px;border-radius:50%;background:var(--kpi-glow,rgba(49,87,246,.08));pointer-events:none}.kpi:nth-child(1){--kpi-glow:rgba(49,87,246,.11)}.kpi:nth-child(2){--kpi-glow:rgba(20,165,111,.12)}.kpi:nth-child(3){--kpi-glow:rgba(239,128,21,.12)}.kpi:nth-child(4){--kpi-glow:rgba(122,85,224,.11)}.kpi:nth-child(5){--kpi-glow:rgba(13,155,172,.11)}.kpi:nth-child(6){--kpi-glow:rgba(227,62,79,.1)}.kpi:nth-child(1) .kpi-icon{background:#eaf0ff;color:#2458e8}.kpi:nth-child(2) .kpi-icon{background:#e7f8ef;color:#138b4d}.kpi:nth-child(3) .kpi-icon{background:#fff2df;color:#e17b09}.kpi:nth-child(4) .kpi-icon{background:#f1ecff;color:#7353dd}.kpi:nth-child(5) .kpi-icon{background:#e4f8fa;color:#078da1}.kpi:nth-child(6) .kpi-icon{background:#feeaed;color:#dc3f55}
.dashboard-flow{align-items:stretch;gap:7px;padding:2px 0}.dashboard-flow .workflow-step{border:1px solid #e3eaf6;background:#fbfcff;cursor:pointer;color:#52617e;font:inherit}.dashboard-flow .workflow-step:hover{border-color:#9bb2f5;background:#f4f7ff;transform:translateY(-2px)}.dashboard-flow .workflow-step.current{box-shadow:0 8px 18px rgba(90,74,234,.11)}.flow-note{margin:12px 0 0;padding-top:11px;border-top:1px solid #e9edf5;color:#697790;font-size:9px;line-height:1.55}.alert-list .mini-row{padding:4px 0}.alert-list .mini-row span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ff9e16;box-shadow:0 0 0 3px #fff2dd}.alert-list .mini-row:nth-child(2) span:before{background:#6b4dff;box-shadow:0 0 0 3px #f0ecff}.alert-list .mini-row:nth-child(3) span:before{background:#e33e51;box-shadow:0 0 0 3px #feeaed}
/* Procurement & Cargo dashboard — reference composition */
.cargo-dashboard-meta{display:flex;align-items:center;gap:16px;margin:-18px 0 18px;color:#425473;font-size:10px}.cargo-dashboard-meta span:first-child{font-weight:800;color:#172a60}.cargo-dashboard-meta div{margin-left:auto;display:flex;gap:9px}.field-chip{height:36px;min-width:150px;padding:0 12px;text-align:left;border:1px solid #dce4f1;border-radius:8px;background:#fff;color:#1b2d58;font-size:9px;font-weight:700}.field-chip:hover{border-color:#aabcf2;background:#f8faff}.cargo-main-grid{display:grid;grid-template-columns:1fr .9fr 1.25fr;gap:18px;margin-bottom:18px}.cargo-main-grid>.card{min-height:300px}.cargo-donut{background:conic-gradient(#22a55a 0 21%,#2870e7 21% 52%,#f59b19 52% 67%,#8257e5 67% 84%,#ffb11c 84% 94%,#21aa95 94%)}.cargo-foot-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e9edf4;margin-top:8px;padding-top:12px;text-align:center}.cargo-foot-metrics>div+div{border-left:1px solid #e9edf4}.cargo-foot-metrics small,.cargo-foot-metrics b{display:block}.cargo-foot-metrics small{font-size:7px;color:#78869d}.cargo-foot-metrics b{margin-top:5px;font-size:14px;color:#11275a}.money-position{display:grid;grid-template-columns:1fr 1fr;gap:18px}.money-position>div+div{border-left:1px solid #e6ebf4;padding-left:18px}.money-position h3{margin:0 0 10px;color:#1b3574;font-size:10px}.money-position span{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:#52617b;font-size:9px}.money-position span b{color:#1a2e5e;font-size:10px}.money-position>div:first-child span b{color:#168547}.money-position strong{display:block;margin-top:11px;padding:13px 12px;border-radius:8px;background:linear-gradient(135deg,#06194b,#0b326e);color:#fff;font-size:9px}.money-position strong em{display:block;margin-top:4px;color:#fff;font-size:17px;font-style:normal}.route-label{padding:10px 12px;border:1px solid #cfe0ff;border-radius:6px;background:#eef5ff;color:#133473;font-size:8px;font-weight:800}.route-label small{font-size:7px;font-weight:600}.route-label.green{margin-top:12px;border-color:#d7ecdf;background:#effaf2;color:#17683d}.cargo-workflow{display:flex;align-items:flex-start;justify-content:space-between;gap:2px;padding:14px 2px}.cargo-workflow button{width:52px;border:0;background:transparent;color:#31415f;font-size:7px;font-weight:700;line-height:1.3;cursor:pointer}.cargo-workflow button+button:before{content:"→";position:absolute;margin-left:-15px;margin-top:11px;color:#7890b9;font-size:13px}.cargo-workflow b{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 5px;border-radius:50%;background:linear-gradient(135deg,#2b75df,#3352d1);box-shadow:0 5px 10px rgba(35,93,205,.15);color:#fff;font-size:10px}.cargo-workflow button:nth-child(3n) b{background:linear-gradient(135deg,#1aa161,#54bf7d)}.cargo-workflow button:nth-child(4n) b{background:linear-gradient(135deg,#825be8,#9c6af4)}.cargo-workflow button:hover b{transform:translateY(-2px);box-shadow:0 8px 15px rgba(35,93,205,.25)}.direct-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 1px 0}.direct-flow button{border:1px solid #dbe5f3;border-radius:7px;background:#fff;padding:8px 7px;color:#254375;font-size:7px;font-weight:700}.direct-flow span{color:#647da8}.cargo-mid-grid{display:grid;grid-template-columns:1.15fr 1.2fr .74fr;gap:18px;margin-bottom:18px}.cargo-mid-grid>.card{min-height:235px}.cargo-mid-grid .bar-chart{height:168px}.exception-list{display:grid;gap:0}.exception-list div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5;color:#354563;font-size:9px}.exception-list div:before{content:"◉";color:#f29b19;margin-right:-4px}.exception-list div:nth-child(1):before{color:#e33e51}.exception-list b{margin-left:auto}.cargo-alert-link{display:block;margin-top:12px;text-align:center;background:transparent;border:0;cursor:pointer}.cargo-bottom-grid{display:grid;grid-template-columns:1.05fr 1fr .95fr .85fr;gap:18px;margin-bottom:18px}.cargo-bottom-grid>.card{min-height:194px}.rank-list{display:grid;gap:11px}.rank-row{display:grid;grid-template-columns:14px minmax(60px,1fr) minmax(28px,1.2fr) auto;align-items:center;gap:6px;font-size:8px}.rank-row span{color:#8090a8;font-weight:800}.rank-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#31415e}.rank-row em{height:3px;border-radius:8px;background:#2e69e7}.rank-row strong{font-size:8px;color:#1a55cc}.ageing-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ageing-strip>div{min-width:0;border-right:1px solid #e7ecf5;padding:4px 8px}.ageing-strip>div:last-child{border:0}.ageing-strip small,.ageing-strip b,.ageing-strip span{display:block}.ageing-strip small{font-size:7px;color:#60718c;white-space:nowrap}.ageing-strip b{margin:13px 0 5px;font-size:10px}.ageing-strip span{font-size:8px;color:#677992}.ageing-total{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #e6ebf4;color:#4a5b78;font-size:9px}.ageing-total b{font-size:11px;color:#11285e}.compact-donut{min-height:auto;justify-content:flex-start;padding-top:3px}.compact-donut .donut{width:118px;flex-basis:118px}.profitability-list{display:grid;gap:0}.profitability-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e9edf4;color:#4a5b77;font-size:9px}.profitability-list div:last-child{border-bottom:0}.cargo-quickbar{display:flex;align-items:center;gap:10px;overflow:auto;padding:13px 0 0;border-top:1px solid #e8edf5}.cargo-quickbar>b{white-space:nowrap;color:#132c64;font-size:11px}.cargo-quickbar button{white-space:nowrap;min-height:36px;padding:0 12px;border:1px solid #dfe6f2;border-radius:8px;background:#fff;color:#244578;font-size:8px;font-weight:800}.cargo-quickbar button:hover{border-color:#9eb3ed;background:#f6f8ff;transform:translateY(-1px)}
.cargo-dashboard-meta{padding:11px 13px;border:1px solid #e6ebf4;border-radius:10px;background:linear-gradient(90deg,#fbfcff,#f6f8fd);box-shadow:0 5px 14px rgba(16,44,101,.025)}.cargo-dashboard-meta span:first-child:before{content:"●";margin-right:6px;color:#21a65c;font-size:7px}.cargo-dashboard-meta span+span{padding-left:16px;border-left:1px solid #dde5f1}.field-chip{position:relative;min-width:166px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:inset 0 1px #fff}.field-chip:before{content:"";display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;border:2px solid #3157f6;border-radius:50%}.cargo-main-grid,.cargo-mid-grid,.cargo-bottom-grid{align-items:stretch}.cargo-main-grid>.card,.cargo-mid-grid>.card,.cargo-bottom-grid>.card{display:flex;flex-direction:column}.cargo-main-grid>.card{border-top:3px solid #edf2ff}.cargo-main-grid>.card:nth-child(1){border-top-color:#2a71df}.cargo-main-grid>.card:nth-child(2){border-top-color:#159c68}.cargo-main-grid>.card:nth-child(3){border-top-color:#7a58df}.cargo-main-grid .card-head{padding-bottom:11px;border-bottom:1px solid #edf0f5}.cargo-main-grid .card-head h2{color:#112a61}.cargo-main-grid .text-link{border:0;background:transparent;cursor:pointer}.cargo-main-grid .donut-wrap{padding:15px 4px 8px;min-height:188px}.cargo-foot-metrics{margin-top:auto}.money-position{margin-top:4px}.money-position strong{box-shadow:0 12px 22px rgba(7,35,87,.16)}.route-label{letter-spacing:.04em}.cargo-workflow{position:relative}.cargo-workflow button{position:relative}.cargo-workflow button span{display:block;min-height:18px}.cargo-mid-grid .card-head{padding-bottom:9px;border-bottom:1px solid #edf0f5}.cargo-mid-grid .data-table{font-size:8px}.cargo-mid-grid .data-table th,.cargo-mid-grid .data-table td{padding:9px 8px}.cargo-mid-grid .data-table td:first-child b{color:#2458d9}.cargo-mid-grid .bar-chart{margin-top:auto;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#eff3fa 40px)}.cargo-bottom-grid .card-head{margin-bottom:10px}.cargo-bottom-grid .card h2{font-size:11px}.cargo-quickbar{position:sticky;bottom:0;z-index:5;margin:0 -28px -36px;padding:12px 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 -8px 25px rgba(12,35,78,.055)}

/* Formal procurement quotation preview */
.quote-preview-page{max-width:1720px;margin:auto}.quote-preview-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.quote-preview-top h1{margin:7px 0 6px;font-size:29px;letter-spacing:-.045em}.quote-preview-top p{margin:0;color:#61728d;font-size:10px}.quote-preview-top p span{margin:0 7px;color:#9caac0}.back-link{padding:0;border:0;background:transparent;color:#2856d6;font-size:9px;font-weight:800}.quote-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quote-preview-actions .btn{height:36px;font-size:9px}.quote-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.quotation-sheet{overflow:hidden;border:1px solid #dce4f1;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(13,39,92,.055)}.quotation-brand{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:13px;padding:25px 28px 18px;border-bottom:1px solid #b8c7e7}.quote-logo{width:65px;height:54px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#071b52,#1e66e2);color:#fff;font-size:29px;box-shadow:0 10px 19px rgba(28,86,192,.2)}.quotation-brand h2{margin:0;color:#102a66;font-size:22px;letter-spacing:-.035em}.quotation-brand b,.quotation-brand small{display:block}.quotation-brand b{margin:2px 0 7px;color:#e68c09;font-size:10px}.quotation-brand small{color:#52637f;font-size:8px}.quote-doc-title{min-width:220px;text-align:left}.quote-doc-title span,.quote-doc-title b,.quote-doc-title small{display:block}.quote-doc-title span{color:#0c3b9e;font-weight:900;font-size:14px}.quote-doc-title b{margin:8px 0 5px;color:#1d3260;font-size:10px}.quote-doc-title small{margin:3px 0;color:#465876;font-size:8px}.quote-parties{display:grid;grid-template-columns:1fr 1fr;margin:0 20px;border-bottom:1px solid #e2e8f2}.quote-parties>div{padding:15px 13px}.quote-parties>div+div{border-left:1px solid #e2e8f2}.quotation-sheet h3{margin:0 0 11px;color:#0c3a98;font-size:9px;font-weight:900}.quote-parties p{display:grid;grid-template-columns:110px 1fr;gap:6px;margin:6px 0;font-size:8px;line-height:1.35}.quote-parties p b{color:#445576}.quote-parties p span{color:#122852;font-weight:700}.quote-line-section{padding:17px 20px 11px}.quote-line-table{border:1px solid #dce4ee;border-radius:7px;overflow:hidden}.quote-line-header,.quote-line{display:grid;grid-template-columns:35px minmax(200px,1fr) 70px 100px 110px;align-items:center}.quote-line-header{min-height:30px;background:#f4f7fd;color:#50627f;font-size:7px;font-weight:900;text-transform:uppercase}.quote-line{min-height:46px;border-top:1px solid #e2e8f1;color:#203458;font-size:8px}.quote-line-header>*,.quote-line>*{padding:0 10px;border-right:1px solid #e2e8f1}.quote-line-header>*:last-child,.quote-line>*:last-child{border:0}.quote-line span:nth-last-child(-n+3){text-align:center}.quote-line span:last-child{font-weight:800;text-align:right}.quote-line small{display:block;margin-top:3px;color:#71809a;font-size:7px}.quote-subtotal{display:flex;justify-content:flex-end;gap:32px;padding:10px 15px;border-top:1px solid #dce4ee;background:#fbfcff;color:#1b3f8e;font-size:8px;font-weight:800}.quote-subtotal b{min-width:110px;text-align:right;color:#102850}.quote-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 20px 11px}.quote-detail-grid>div{min-height:144px;padding:13px;border:1px solid #dfe6f0;border-radius:7px;background:#fcfdff}.quote-detail-grid p{margin:7px 0;color:#4d5e79;font-size:8px;line-height:1.55}.quote-detail-grid p b{display:block;color:#1d3260;font-size:7px}.quote-notes{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin:0 20px 18px}.quote-notes>div{min-height:105px;padding:13px;border:1px solid #dfe6f0;border-radius:7px;background:#fcfdff}.quote-notes p{margin:0;color:#415371;font-size:8px;line-height:1.65}.signature-lines{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.signature-lines span{padding-bottom:5px;border-bottom:1px solid #abb9d0;color:#52627f;font-size:7px}.signature-lines span:last-child{grid-column:span 2}.quotation-sheet>footer{padding:10px 20px;border-top:1px solid #dfe6f0;color:#10409f;text-align:center;font-size:9px;font-style:italic;font-weight:800}.quote-preview-side{display:grid;gap:12px}.quote-preview-side section,.quote-tip{padding:15px;border:1px solid #e0e6f0;border-radius:9px;background:#fff;box-shadow:0 6px 16px rgba(9,32,77,.035)}.quote-status{display:grid;grid-template-columns:1fr auto;gap:7px;color:#43654e;font-size:9px}.quote-status>span{font-weight:900}.quote-status small{grid-column:span 2;padding-top:6px;border-top:1px solid #e2ede5;color:#5e7466;font-size:8px}.quote-preview-side h3{margin:0 0 13px;color:#0b3b9b;font-size:10px}.quote-preview-side section>p{display:flex;justify-content:space-between;gap:10px;margin:10px 0;color:#4c5c78;font-size:8px}.quote-preview-side section>p b{color:#172d5b;text-align:right}.quote-preview-side hr{border:0;border-top:1px solid #e2e7ef;margin:14px 0}.quote-preview-side .quote-total{color:#168547;font-size:13px}.quote-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:quote}.quote-steps li{position:relative;padding-left:25px;color:#405270;font-size:8px}.quote-steps li:before{counter-increment:quote;content:counter(quote);position:absolute;left:0;top:-4px;width:17px;height:17px;display:grid;place-items:center;border:1px solid #2ba765;border-radius:50%;color:#18844a;font-size:8px;font-weight:800}.quote-side-actions{display:grid;gap:8px}.quote-side-actions h3{margin-bottom:2px}.quote-side-actions .btn{width:100%;height:38px;font-size:9px}.quote-tip{border-color:#d5e4ff;background:#f5f9ff;color:#2652a8;font-size:8px;line-height:1.6}

/* System-wide mockup parity: compact enterprise controls and panels */
.page-head{min-height:56px;align-items:flex-start}
.page-head>div:first-child{min-width:0}
.page-head h1{color:#071633;font-weight:800;line-height:1.08}
.page-head p{color:#405375;line-height:1.45}
.head-actions{align-items:center}
.sync-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #dce9df;border-radius:7px;background:#f3fbf5;color:#218149;font-size:8px;font-weight:800}
.sync-pill:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:#27a45b;box-shadow:0 0 0 3px #def3e5}
.card,.kpi,.table-wrap,.accounting-preview,.notice{background-clip:padding-box}
.card{position:relative}
.card-head{min-height:27px;padding-bottom:10px;border-bottom:1px solid #edf1f6}
.card-head h2,.card-head h3{color:#092b77;font-weight:800}
.card-sub{line-height:1.5}
.btn{white-space:nowrap;border-color:#d5deec;color:#102b65;box-shadow:0 1px 1px rgba(7,26,70,.025)}
.btn:hover{border-color:#91a8e9;background:#f8faff;box-shadow:0 7px 16px rgba(18,49,112,.08)}
.btn.primary,.btn.ai{background:linear-gradient(135deg,#0e47c6,#082c72);box-shadow:0 8px 18px rgba(20,66,158,.16)}
.btn.success{background:linear-gradient(135deg,#249852,#08702f)}
.btn.danger{background:linear-gradient(135deg,#e84d5d,#bd2437)}
.toolbar{padding:10px;border:1px solid #e5eaf2;border-radius:9px;background:#fbfcff}
.searchbox,.filter{border-color:#d9e1ed;background:#fff}
.searchbox:focus-within,.filter:focus{border-color:#728ff0;box-shadow:0 0 0 3px rgba(49,87,246,.08);outline:0}
.form-card{max-width:none}
.form-section{margin-bottom:16px;padding:0}
.form-section h3{margin:0 0 12px;padding:0 0 9px;border-bottom:1px solid #e3e9f2;color:#0a3a99;font-size:11px;font-weight:850}
.form-section h3:before{content:"";display:inline-block;width:3px;height:12px;margin-right:7px;border-radius:3px;background:#275ce1;vertical-align:-2px}
.form-grid{gap:11px 13px}
.field{gap:6px;color:#172b54;font-size:8px;font-weight:750;line-height:1.35}
.field input,.field select,.field textarea{height:38px;border-color:#cfd9e8;border-radius:6px;background:#fff;color:#0a1833;font-size:10px;box-shadow:inset 0 1px 2px rgba(10,33,78,.018)}
.field textarea{min-height:72px;height:72px;line-height:1.5}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#aebddd}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#587bec;box-shadow:0 0 0 3px rgba(49,87,246,.09);outline:0}
.field input[readonly]{border-color:#d7dee9;background:#f0f3f8;color:#42516b}
.field small{line-height:1.45}
.notice{border:1px solid #dbe6fa;border-left-width:3px;line-height:1.55}
.notice.success{border-color:#cfe8d7;border-left-color:#239454;background:#f1faf3}
.notice.warning{border-color:#f2dfb7;border-left-color:#e79a12;background:#fff9ed}
.notice.danger{border-color:#f2ced3;border-left-color:#d94254;background:#fff4f5}
.table-wrap{border-color:#e4e8f0;border-radius:10px;box-shadow:0 3px 12px rgba(10,36,83,.025)}
.data-table{font-variant-numeric:tabular-nums}
.data-table th{height:34px;padding:8px 10px;border-bottom-color:#dbe3ef;background:#f5f8fc;color:#283c61;font-size:8px;font-weight:800;text-transform:none}
.data-table td{height:37px;padding:8px 10px;color:#182a4d;font-size:9px}
.data-table tbody tr:nth-child(even){background:#fcfdff}
.data-table tbody tr:hover{background:#f2f6ff}
.badge{border:1px solid rgba(85,101,134,.08);border-radius:6px;padding:3px 7px}
.pagination{min-height:42px;align-items:center}
.accounting-preview{border-color:#dbe4f3;background:#fbfdff}
.journal-line{border-bottom-color:#e6ebf3}
.financial-summary{border:1px solid rgba(255,255,255,.11);box-shadow:0 14px 28px rgba(7,27,73,.14)}
.modal-card{border:1px solid #e0e6f0;box-shadow:0 28px 75px rgba(7,22,58,.22)}
.modal-head{border-bottom-color:#e6ebf3}
.modal-actions{border-top-color:#e6ebf3;background:#fbfcff}
.quick-actions{gap:8px}
.quick{min-height:40px;border-color:#dce4f1;border-radius:8px;background:#fff;color:#163367;font-size:9px;font-weight:750}
.quick:hover{border-color:#91a8e9;background:#f5f8ff;transform:translateY(-1px)}
.metric-box{border-color:#e2e8f1;border-radius:8px;background:#fbfcff}
.professional-document{border-radius:8px}
.professional-document .doc-head{background:linear-gradient(180deg,#fff,#fcfdff)}
.professional-document .doc-title h2{font-variant-numeric:tabular-nums}
.professional-document .doc-footer{color:#53627c}

@media(min-width:1251px){
  .form-card>.form-section,.form-card>form>.form-section{padding:14px 15px;border:1px solid #e2e8f1;border-radius:9px;background:#fff}
}
.data-table th{padding:11px 12px;background:#f8faff;color:#667188;letter-spacing:.02em}
.data-table td{padding:11px 12px}
.data-table tbody tr:hover{background:#f7f9fe}

/* Donut charts */
.donut-wrap{min-height:180px;align-items:center;justify-content:center;gap:28px;padding:12px 5px}
.donut{position:relative;width:138px;aspect-ratio:1;flex:0 0 138px;border-radius:50%;background:conic-gradient(#3157f6 0 46%,#18a766 46% 74%,#f2ac1b 74% 90%,#7956f6 90% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 14px 35px rgba(49,87,246,.16);animation:donutEnter .8s cubic-bezier(.2,.8,.2,1) both}
.donut:before{content:"";position:absolute;inset:15px;border-radius:50%;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:inset 0 0 0 1px #e8ecf4,0 3px 10px rgba(7,26,70,.08);z-index:1}
.donut:after{content:attr(data-value);position:absolute;inset:27px;width:auto;aspect-ratio:auto;border-radius:50%;background:transparent;display:grid;place-items:center;z-index:2;text-align:center;white-space:pre-line;color:#142756;font-size:10px;font-weight:800;line-height:1.35;letter-spacing:-.02em}
.legend{gap:9px;min-width:145px}
.legend span{position:relative;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:2px 0;color:#69758a}
.legend span:before{content:"";width:8px;height:8px;border-radius:3px;background:#3157f6;box-shadow:0 0 0 3px rgba(49,87,246,.08)}
.legend span:nth-child(2):before{background:#18a766;box-shadow:0 0 0 3px rgba(24,167,102,.08)}
.legend span:nth-child(3):before{background:#f2ac1b;box-shadow:0 0 0 3px rgba(242,172,27,.1)}
.legend span:nth-child(4):before{background:#7956f6;box-shadow:0 0 0 3px rgba(121,86,246,.08)}
.legend i{display:none}
.legend b{color:#162750;font-variant-numeric:tabular-nums}
@keyframes donutEnter{from{opacity:0;transform:scale(.82) rotate(-18deg)}to{opacity:1;transform:none}}

footer:not(.landing-footer){height:52px;padding-inline:28px;background:rgba(255,255,255,.86);backdrop-filter:blur(15px)}

/* Professional document output */
.professional-document{max-width:850px;padding:0;border:0;box-shadow:0 20px 55px rgba(5,20,65,.15);overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.doc-ribbon{min-height:34px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#071a46,#3157f6);color:#dce5ff;font-size:8px;letter-spacing:.12em;font-weight:800}.professional-document .doc-head{padding:34px 38px 25px;border-bottom:1px solid #e4e9f2}.professional-document .doc-logo{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#071a46,#3157f6);box-shadow:0 10px 20px rgba(49,87,246,.18)}.professional-document .doc-brand h3{font-size:16px;margin:2px 0 4px;color:#071a46}.professional-document .doc-brand small{font-size:9px;color:#61718e}.professional-document .doc-brand p{margin:6px 0 0;font-size:9px;color:#7d899f}.professional-document .doc-title span,.professional-document small{display:block;font-size:8px;letter-spacing:.08em;color:#7d899f;font-weight:700}.professional-document .doc-title h2{margin:6px 0;font-size:20px;letter-spacing:-.03em;color:#071a46}.professional-document .doc-title p{margin:0;color:#65738d;font-size:9px}.doc-parties{display:grid;grid-template-columns:1.35fr 1fr;gap:1px;background:#e9edf4;border-bottom:1px solid #e9edf4}.doc-parties>div{min-height:82px;padding:18px 38px;background:#fbfcff}.doc-parties b{display:block;margin:7px 0 3px;color:#132759;font-size:12px}.doc-parties span{display:block;font-size:9px;color:#73819b}.doc-parties .badge{margin:7px 0 4px}.doc-lines{margin:27px 38px;border:1px solid #e1e7f0;border-radius:10px;overflow:hidden}.doc-line-head,.doc-line{display:grid;grid-template-columns:1fr 150px;gap:18px}.doc-line-head{padding:11px 15px;background:#f3f6fc;color:#697993;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.doc-line{padding:17px 15px;align-items:start}.doc-line b{display:block;font-size:11px;color:#132759}.doc-line small{margin-top:6px;text-transform:none;letter-spacing:0;color:#7b879b;font-weight:500}.doc-line strong{text-align:right;color:#132759;font-size:12px}.doc-total{display:flex;justify-content:flex-end;gap:28px;padding:14px 15px;border-top:1px solid #e1e7f0;background:#fbfcff;color:#53627a;font-size:10px}.doc-total b{min-width:132px;text-align:right;color:#071a46;font-size:14px}.doc-auth{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;margin:0 38px 30px;padding:20px;background:#f6f8fd;border-left:3px solid #3157f6}.doc-auth p{font-size:9px;line-height:1.65;color:#5d6c85;margin:7px 0}.doc-auth span{font-size:9px;color:#52627c}.doc-sign{align-self:end;text-align:center}.doc-sign>div{height:35px;border-bottom:1px solid #65738e}.doc-sign small{margin-top:7px;font-size:7px}.professional-document .doc-footer{margin:0;padding:15px 38px;border-top:1px solid #e4e9f2;background:#fbfcff;font-size:8px;line-height:1.5}.professional-document .doc-footer span:last-child{text-align:right}

@media(max-width:1250px){
  :root{--sidebar:238px}
  .landing-hero{gap:32px}
  .hero-copy h1{font-size:52px}
  .donut-wrap{gap:18px}
  .cargo-main-grid{grid-template-columns:1fr 1fr}.cargo-main-grid>.card:last-child{grid-column:span 2}.cargo-mid-grid{grid-template-columns:1fr 1fr}.cargo-mid-grid>.card:last-child{grid-column:span 2}.cargo-bottom-grid{grid-template-columns:1fr 1fr}
  .quote-preview-layout{grid-template-columns:1fr}.quote-preview-side{grid-template-columns:repeat(2,1fr)}.quote-preview-side .quote-tip{grid-column:span 2}
}
@media(max-width:900px){
  :root{--sidebar:0px}
  .sidebar{width:256px}
  .workspace{margin-left:0}
  .landing-nav{padding-inline:22px}
  .landing-hero{min-height:auto;grid-template-columns:minmax(0,1fr);padding:130px 28px 80px}
  .hero-copy{max-width:680px}
  .hero-copy h1{font-size:clamp(42px,8vw,62px)}
  main#main{padding:22px 18px 30px}
  .cargo-main-grid,.cargo-mid-grid,.cargo-bottom-grid{grid-template-columns:1fr}.cargo-main-grid>.card:last-child,.cargo-mid-grid>.card:last-child{grid-column:auto}.cargo-dashboard-meta{margin-top:-8px;flex-wrap:wrap}.cargo-dashboard-meta div{margin-left:0;width:100%}
  .quote-preview-top,.quotation-brand{display:block}.quote-preview-actions{justify-content:flex-start;margin-top:14px}.quote-doc-title{margin-top:18px}.quote-preview-side{grid-template-columns:1fr}.quote-preview-side .quote-tip{grid-column:auto}.quote-detail-grid{grid-template-columns:1fr}.quote-parties,.quote-notes{grid-template-columns:1fr}.quote-parties>div+div{border-left:0;border-top:1px solid #e2e8f2}.quote-line-table{overflow:auto}.quote-line-header,.quote-line{min-width:650px}
}
@media(max-width:620px){
  .landing-nav{height:68px;padding-inline:17px}
  .landing-logo-mark{width:33px;height:33px}
  .landing-logo b{font-size:17px}
  .landing-hero{padding:108px 18px 62px}
  .hero-copy{padding:0}
  .hero-copy h1{font-size:clamp(31px,9vw,39px);line-height:1.04}
  .hero-copy>p{font-size:11px}
  .feature-card{padding:24px}
  .login-card-wrap{padding:52px 18px 24px}
  .login-card{padding:26px 21px}
  .login-row{align-items:flex-start;flex-direction:column;gap:10px}
  .login-back{top:16px;left:18px}
  .topbar{padding-inline:10px;gap:8px}
  .stream-switch{min-width:136px;height:40px}.stream-switch span{display:none}
  main#main{padding:18px 12px 28px}
  .page-head h1{font-size:23px}
  .card{padding:14px}
  .donut-wrap{flex-direction:column;gap:20px}
  .legend{width:100%;max-width:220px}
  .professional-document .doc-head,.doc-ribbon{padding-inline:21px}.professional-document .doc-head{display:block}.professional-document .doc-title{text-align:left;margin-top:22px}.doc-parties,.doc-auth{grid-template-columns:1fr}.doc-parties>div{padding-inline:21px}.doc-lines,.doc-auth{margin-left:21px;margin-right:21px}.doc-auth{gap:16px}.professional-document .doc-footer{padding-inline:21px;display:block}.professional-document .doc-footer span:last-child{text-align:left;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.donut{animation:none}}
/* Reference-screen compositions */
.reference-rail{grid-template-columns:minmax(0,1fr)}.reference-rail>*{min-width:0}.reference-rail .table-wrap{max-width:100%;overflow:auto}
.ref-two>*,.ref-three>*,.ref-four>*,.reference-layout>*{min-width:0}.ref-four .table-wrap,.reference-main>.ref-panel .table-wrap{max-width:100%;overflow:auto}.ref-four .data-table{min-width:390px}
.receipt-doc{background:#fff;color:#071536;padding:10px;font-size:11px}.receipt-doc>header{display:grid;grid-template-columns:1.25fr .9fr 1fr;gap:24px;align-items:center;border-bottom:1px solid #174eae;padding:8px 4px 18px}.receipt-brand{display:flex;align-items:center;gap:15px}.receipt-mark{font-size:58px;color:#063c98}.receipt-brand h1,.receipt-brand h2{margin:0;font-size:26px}.receipt-brand h2{color:#ed9a00}.receipt-brand b{font-size:10px}.receipt-contact{border-left:1px solid #0b3d98;padding-left:20px;line-height:1.65}.receipt-title h1{font-size:25px;margin:0 0 12px}.receipt-title strong{display:grid;text-align:center;background:#078139;color:#fff;border-radius:8px;padding:11px}.receipt-title strong b{font-size:20px;margin-top:5px}.receipt-title em{display:block;text-align:right;margin-top:6px;color:#087b31;font-size:16px;font-weight:800}.receipt-facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #b9cce7;border-radius:7px;margin:12px 0;padding:7px}.receipt-facts div{padding:8px 14px;border-right:1px solid #cbd8e9;display:grid;gap:5px}.receipt-facts div:last-child{border:0}.receipt-facts span{font-size:9px;color:#0641a1;font-weight:800}.receipt-facts b{font-size:13px}.receipt-facts .net{border:1px solid #169044;border-radius:5px;text-align:center;color:#087933}.receipt-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.receipt-doc .ref-panel{box-shadow:none;border-color:#b9cce7}.receipt-doc .ref-panel>h2{background:#03285f;color:#fff;margin:-14px -14px 12px;padding:9px 14px}.receipt-doc footer{display:grid;grid-template-columns:1fr 1fr 1.5fr;align-items:center;gap:24px;padding:22px}.signature{text-align:center;font-family:cursive;font-size:24px}.signature small{display:block;font-family:inherit;font-size:10px;margin-top:10px}.stamp{width:125px;height:125px;border:3px double #0752d5;border-radius:50%;display:grid;place-content:center;text-align:center;color:#0752d5;font-weight:800}.thanks{background:#eef4fd;border:1px solid #b9cce7;border-radius:7px;padding:22px;display:grid;gap:5px}.thanks b{font-size:18px}.receipt-legal{text-align:center;border-top:2px solid #dda000;padding:12px}.modal:has(.receipt-doc) .modal-dialog{max-width:1120px}@media(max-width:800px){.receipt-doc>header,.receipt-columns,.receipt-doc footer{grid-template-columns:1fr}.receipt-facts{grid-template-columns:1fr 1fr}.receipt-title{text-align:center}}
.reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.reference-main{display:grid;gap:12px;min-width:0}.reference-rail{display:grid;gap:12px;position:sticky;top:12px;min-width:0}.ref-panel,.ref-rail-card{background:#fff;border:1px solid #d7e0ee;border-radius:9px;padding:14px;box-shadow:0 2px 10px rgba(9,35,79,.025)}.ref-panel>h2,.ref-rail-card>h2{font-size:13px;color:#063ca3;margin:0 0 13px;font-weight:800}.ref-panel>h2 b{color:#0757db}.ref-rail-card.success-tint{background:#f3fbf5;border-color:#d4ead9}.ref-grid{display:grid;gap:11px 12px}.ref-grid.one{grid-template-columns:1fr}.ref-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ref-three{display:grid;grid-template-columns:1.05fr 1.05fr .95fr;gap:12px}.ref-four{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.15fr;gap:12px}.ref-panel .field{margin:0;min-width:0}.ref-panel .field>span{font-size:10px;font-weight:700;color:#17223c;margin-bottom:5px}.ref-panel input,.ref-panel select,.ref-panel textarea{min-height:35px;font-size:11px;border-color:#ccd8e7}.ref-panel textarea{min-height:67px;resize:vertical}.ref-panel .table-wrap{margin:0;border-radius:6px}.ref-panel .data-table{font-size:10px}.ref-panel .data-table th{padding:9px 8px;background:#f6f8fc}.ref-panel .data-table td{padding:8px}.ref-panel .data-table input{width:100%;min-width:60px;padding:5px;border:1px solid #d6dfec;border-radius:4px}.table-total{display:flex;justify-content:space-between;align-items:center;padding:10px 8px;color:#063ca3;font-size:11px}.upload-box{border:1px dashed #bdcbe0;border-radius:6px;min-height:66px;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f8faff}.upload-box b{color:#074cc5}.summary-rows{display:grid}.summary-rows>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:11px}.summary-rows>div:last-child{border-bottom:0}.summary-rows span{color:#25344f}.summary-rows b{text-align:right;color:#061435}.rail-field{padding:8px 0;display:flex;justify-content:space-between;align-items:center}.rail-field span{font-size:11px;font-weight:700}.check-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:check}.check-steps li{font-size:11px;display:flex;gap:9px;align-items:center}.check-steps li:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #16a354;color:#11823f;border-radius:50%;font-weight:800}.rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rail-actions .btn{justify-content:center;min-height:40px}.btn.orange{background:#f27834;color:#fff;border-color:#f27834}.signature-lines{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-top:18px}.signature-lines span{border-bottom:1px solid #acb9cd;padding:0 0 6px;font-size:9px;color:#46536a}.ref-bottom-actions{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #d7e0ee;border-radius:9px;padding:12px}.process-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #d7e0ee;border-radius:9px;overflow:hidden}.process-strip>*{padding:13px 18px;font-size:11px;border-right:1px solid #e1e7f0}.process-strip b{background:#eff4ff;color:#064fd0}.amount-callout{margin-top:12px;padding:13px;border-radius:7px;background:#f2fbf4;color:#087533;font-size:11px}.amount-callout b{float:right;font-size:17px}.amount-callout small{display:block;clear:both;margin-top:8px}.reference-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.reference-dashboard>main{min-width:0}.quick-stack{display:grid;gap:4px}.quick-stack button{border:0;background:#fff;text-align:left;padding:10px;border-bottom:1px solid #edf1f6;color:#07265f;font-weight:700}.quick-stack button:before{content:'＋';color:#087d3b;margin-right:8px}.reference-dashboard .dashboard-grid{grid-template-columns:1fr 1.5fr .85fr}.money-positive{color:#087e37!important}.money-negative{color:#e3232d!important}
@media(max-width:1200px){.reference-layout{grid-template-columns:1fr}.reference-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.ref-four{grid-template-columns:1fr 1fr}.reference-dashboard{grid-template-columns:1fr}.reference-dashboard>.reference-rail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.ref-grid.two,.ref-grid.three,.ref-grid.four,.ref-two,.ref-three,.ref-four,.reference-rail{grid-template-columns:1fr}.rail-actions{grid-template-columns:1fr}.process-strip{grid-template-columns:1fr}.reference-dashboard .dashboard-grid{grid-template-columns:1fr}.ref-bottom-actions{display:grid}.ref-bottom-actions .btn{width:100%}}
.purchase-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.purchase-actions button{display:grid;gap:4px;text-align:left;border:1px solid #d4dfef;border-radius:9px;background:#fff;padding:15px;color:#061c56}.purchase-actions button:first-child{background:#f3fbf4;border-color:#cce8d2}.purchase-actions b{font-size:13px;color:#0747ce}.purchase-actions span{font-size:10px;line-height:1.45}.purchase-actions.small{grid-template-columns:repeat(5,1fr);margin:0}.purchase-actions.small button{padding:11px}.compact-kpis{grid-template-columns:repeat(4,1fr)}.profile-strip{display:grid;grid-template-columns:auto 1.4fr repeat(3,1fr);align-items:center;gap:18px}.profile-strip>div{display:grid;gap:5px}.profile-strip h3{margin:0}.profile-strip small{display:block}.initial.large{width:55px;height:55px;font-size:20px}.ref-tabs{display:flex;gap:26px;align-items:center;border-bottom:1px solid #dfe5ef;margin:-3px 0 10px;padding:0 5px}.ref-tabs>*{font-size:10px;padding:9px 0}.ref-tabs b{color:#064fd1;border-bottom:2px solid #064fd1}.wide{width:100%;margin-top:12px}.how-flow{display:flex;align-items:stretch;justify-content:space-between;gap:9px}.how-flow>div{flex:1;border:1px solid #d6e1ef;border-radius:8px;padding:12px;background:#f9fbff;display:grid;gap:5px}.how-flow b{font-size:11px;color:#0640a5}.how-flow span{font-size:9px;line-height:1.4}.how-flow i{align-self:center;color:#1261dc;font-style:normal;font-size:19px}@media(max-width:1100px){.purchase-actions{grid-template-columns:1fr 1fr}.purchase-actions.small{grid-template-columns:repeat(3,1fr)}.profile-strip{grid-template-columns:auto 1fr}.how-flow{flex-wrap:wrap}.how-flow i{display:none}}@media(max-width:650px){.purchase-actions,.purchase-actions.small,.compact-kpis{grid-template-columns:1fr}.profile-strip{grid-template-columns:1fr}.how-flow{display:grid}}

/* Mockup-parity expansions: sales, money, approvals, reconciliation and reports */
.compact-profile{grid-template-columns:auto 1fr}.compact-profile+.text-link{display:inline-block;margin-top:12px;border:0;background:transparent}.money-module-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin-top:14px}.money-module{display:grid;gap:8px;min-height:130px;padding:16px;text-align:left;border:1px solid #d7e1ef;border-top:4px solid #5f49ec;border-radius:9px;background:#fff;color:#132b61;box-shadow:0 4px 14px rgba(9,34,78,.04)}.money-module b{font-size:12px}.money-module span{color:#536482;font-size:9px;line-height:1.5}.money-module small{margin-top:auto;color:#1457cf;font-weight:800}.money-module:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,69,150,.1)}.money-module:nth-child(2){border-top-color:#2f75ef}.money-module:nth-child(3){border-top-color:#ed7b3a}.money-module:nth-child(4){border-top-color:#244dce}.money-module:nth-child(5){border-top-color:#13a6a4}.money-module:nth-child(6){border-top-color:#704bdd}.credit-strip{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;padding:10px;border:1px solid #d8e9df;border-radius:8px;background:#f2faf5}.credit-strip>div{padding:8px;border-right:1px solid #d7e5dd}.credit-strip>div:last-child{border:0}.credit-strip small,.credit-strip b{display:block}.credit-strip small{font-size:8px;color:#5a6d65}.credit-strip b{margin-top:6px;font-size:11px}.approval-comment{min-width:260px;min-height:42px;flex:1;padding:10px;border:1px solid #ccd8e7;border-radius:7px;font:inherit}.payment-approval-detail{margin:14px 0}.payment-approval-detail .ref-three{grid-template-columns:1fr 1.15fr 1.2fr}.active-upload{border:2px solid #7264ef;background:#faf9ff}.dual-ledger{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:center}.dual-ledger section{min-width:0}.dual-ledger h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;color:#123575;font-size:11px}.dual-ledger h3 small{font-size:8px;color:#60718c}.dual-ledger .data-table{min-width:560px}.ledger-link{display:grid;place-items:center;width:24px;height:24px;border:1px solid #cad6e7;border-radius:50%;background:#fff;color:#1d58cf;font-style:normal;font-weight:900}.report-masthead{display:grid;grid-template-columns:1.05fr 1.2fr 1fr;gap:22px;align-items:center;margin-bottom:14px;padding:18px 22px;border:1px solid #dce4ef;border-radius:9px;background:#fff}.report-brand b,.report-brand small{display:block}.report-brand b{color:#0b2c6b;font-size:18px}.report-brand small{margin-top:8px;color:#d98908;font-size:8px;font-weight:700}.report-masthead .summary-rows>div{padding:4px 0;font-size:9px}.report-masthead h3{margin:0 0 8px;color:#0d367e;font-size:11px}.report-masthead p{margin:0;color:#4f607b;font-size:9px;line-height:1.6}.report-kpis{grid-template-columns:repeat(8,minmax(110px,1fr));margin-bottom:14px}.report-kpis .kpi{padding:11px}.report-kpis .kpi strong{font-size:15px}.financial-report-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin-bottom:14px}.financial-report-grid>.card{min-width:0}.financial-report-grid>.card:first-child{grid-row:span 2}.financial-report-grid .data-table{min-width:480px}
@media(max-width:1300px){.money-module-grid{grid-template-columns:repeat(3,1fr)}.report-kpis{grid-template-columns:repeat(4,1fr)}.financial-report-grid{grid-template-columns:1fr 1fr}.financial-report-grid>.card:first-child{grid-row:auto}.payment-approval-detail .ref-three{grid-template-columns:1fr}}
@media(max-width:900px){.report-masthead{grid-template-columns:1fr}.dual-ledger{grid-template-columns:1fr}.ledger-link{display:none}.financial-report-grid{grid-template-columns:1fr}.money-module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.report-kpis,.money-module-grid{grid-template-columns:1fr 1fr}.credit-strip{grid-template-columns:1fr}.credit-strip>div{border-right:0;border-bottom:1px solid #d7e5dd}}
@media(max-width:1450px) and (min-width:901px){.workspace .dashboard-grid{grid-template-columns:1fr 1fr}.workspace .dashboard-grid>.card:last-child{grid-column:span 2}.workspace .dashboard-grid.two>.card:last-child{grid-column:auto}.reference-dashboard .dashboard-grid{grid-template-columns:repeat(3,1fr)}.reference-dashboard .dashboard-grid>.card:last-child{grid-column:auto}}