/* Ainreen shared design tokens. WordPress distribution is generated, never hand edited. */
:root{
--ainreen-teal-950:#0F3733;--ainreen-teal-900:#123F3A;--ainreen-teal-800:#174A43;--ainreen-teal-700:#1D5A50;
--ainreen-gold-500:#C5A35C;--ainreen-gold-400:#D3B875;--ainreen-gold-200:#E9DDC0;
--ainreen-ivory-50:#FAF8F2;--ainreen-ivory-100:#F7F3EA;--ainreen-ivory-200:#F1ECE1;--ainreen-paper:#FFFFFF;
--ainreen-ink-900:#1E302D;--ainreen-ink-700:#435852;--ainreen-ink-500:#6D7C77;--ainreen-line:#E7E3D9;
--ainreen-success-bg:#E8F3EB;--ainreen-success-text:#2E6547;--ainreen-info-bg:#E8F0F4;--ainreen-info-text:#355F70;
--ainreen-warning-bg:#F7EDD8;--ainreen-warning-text:#7D602A;--ainreen-danger-bg:#F7E7E3;--ainreen-danger-text:#95483E;
--radius-card:16px;--radius-control:11px;--radius-pill:999px;--shadow-card:0 10px 30px rgba(20,55,48,.055);--shadow-hover:0 14px 34px rgba(20,55,48,.09);
--green:#1D5A50;--green2:#123F3A;--gold:#7D602A;--ink:#1E302D;--muted:#435852;--line:#E7E3D9;--paper:#FFFFFF;--surface:#F7F3EA;--radius:16px;--shadow:var(--shadow-card);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--text-xs:12px;--text-sm:14px;--text-base:15px;--text-lg:20px;--text-xl:32px;font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);color:var(--green);padding:10px 16px;cursor:pointer;font-weight:600}button:hover{background:#ecf3ed}button:disabled{opacity:.5;cursor:default}a{color:var(--green)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input{padding:12px;border:1px solid #9daea4;border-radius:var(--radius-control);max-width:100%;background:white}label{display:grid;gap:5px;margin:12px 0}h1{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:7px 0 10px}h2{font-size:21px}h3{font-size:17px}p{margin:8px 0}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#103e33;color:white;padding:30px 18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:34px;letter-spacing:-1px;margin:0 14px 30px}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#e7ca88}.sidebar nav{display:grid;gap:3px}.sidebar a{color:#dfebe5;text-decoration:none;padding:9px 14px;border-radius:var(--radius-control);font-size:14px}.sidebar a:hover,.sidebar a[aria-current=page]{background:#28604f;color:white}.sidebar a[aria-current=page]{box-shadow:inset 3px 0 #d8ba78}.workspace{min-width:0}.topbar{min-height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:12px 32px}.identity{margin-left:auto;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.sandbox{padding:7px 32px;color:#705820;background:#f2eddf;font-size:11px;letter-spacing:.4px}main{padding:32px;max-width:1600px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.actions,.row-actions{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-block;font-size:11px;letter-spacing:.4px;padding:4px 9px;border:1px solid #cbdccd;background:#eef5ef;color:#25543b;border-radius:4px;white-space:nowrap}.filter-bar{display:flex;margin:20px 0;gap:12px}.filter-bar input{width:360px}.table-scroll{overflow:auto;background:white;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:#f9faf7;padding:14px 18px}td{font-size:14px;padding:16px 18px;border-top:1px solid var(--line)}tr:hover td{background:#fafcf9}.stat{border-left:3px solid var(--gold);padding:5px 20px;margin:20px 0}.stat p{color:var(--muted);font-size:13px}.stat strong{font-size:28px}.empty{padding:34px;background:white;border:1px dashed #b6c9bc;border-radius:var(--radius)}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:white;margin:24px 0}legend{font-weight:600;padding:0 8px}.pagination{display:flex;align-items:center;gap:16px;justify-content:flex-end;margin-top:20px}.detail{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr);gap:12px 24px;background:white;padding:20px;border:1px solid var(--line);border-radius:var(--radius-control);overflow-wrap:anywhere}.detail dt{color:var(--muted);text-transform:capitalize;font-size:13px}.detail dd{margin:0}.detail .detail{margin:0;padding:12px}.detail-list>*+*{margin-top:12px}.timeline{padding-left:22px}.timeline li{padding:9px}.timeline span{display:block;color:var(--muted);font-size:12px}.link-button{border:0;padding:4px;background:none;text-decoration:underline;text-underline-offset:4px}dialog{border:1px solid var(--line);border-radius:12px;width:min(900px,95vw);max-height:90vh;overflow:auto;padding:24px}dialog::backdrop{background:#163b3266}.mobile-menu{display:none}.login{max-width:430px;margin:8vh auto;padding:36px;background:white;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:12px}.login button{background:var(--green);color:white;width:100%;margin-top:16px}.error{border-left:3px solid #a34732;background:#fff1ed;padding:16px;color:#853523}.guide main{max-width:960px}.guide button{min-height:46px}.guide .row-actions{min-width:190px}.notice{border-left:3px solid var(--gold);padding:10px 16px;background:#f5f0e4}.context-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.context-form label{flex:1;min-width:200px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;left:0;top:72px;z-index:3;width:270px;height:calc(100vh - 72px)}.sidebar.open{display:block}.mobile-menu{display:block}.topbar{padding:12px 16px;gap:10px}.context{display:none}main{padding:22px 16px}.sandbox{padding:7px 16px}.page-header{align-items:start}.detail{grid-template-columns:1fr;gap:5px}.detail dd{margin-bottom:12px}h1{font-size:26px}.login{margin:5vh 16px}.pagination{justify-content:center;font-size:12px}.identity{font-size:11px}.guide .table-scroll{border:0;background:transparent}.guide table,.guide tbody,.guide tr,.guide td{display:block;white-space:normal}.guide thead{display:none}.guide tr{background:white;border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:12px}.guide td{padding:6px 8px;border:0}.guide .row-actions{display:flex}.filter-bar input{width:100%}}
/* M5B workflow forms share the existing token palette. */
.workflow-panel{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.typed-fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.typed-fields label{min-width:0}.typed-fields textarea{min-height:100px;font:inherit;padding:10px;border:1px solid #9daea4;border-radius:var(--radius-control);width:100%}.typed-fields select{padding:12px;border:1px solid #9daea4;border-radius:var(--radius-control);max-width:100%;background:white}.typed-fields input[type=checkbox]{width:24px;height:24px}.repeat-row{border:1px solid var(--line);padding:14px;margin-bottom:12px;background:var(--surface)}.repeat-rows .typed-fields{grid-template-columns:1fr}form[data-workflow]>button{margin:14px 12px 0 0}dialog{width:min(1100px,96vw)}@media(max-width:600px){.typed-fields{grid-template-columns:1fr}.workflow-panel .actions button{width:100%;text-align:left}}

/* Mobile role tasks reuse the existing desktop registry and workflow dialogs. */
.mobile-bottom{display:none}
@media(max-width:760px){.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid #dce5e0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:4px}.mobile-bottom button{flex:1;min-height:48px;font-size:12px;padding:8px 4px}.workspace{padding-bottom:88px}.actions button,input,select{min-height:44px}.topbar .identity{max-width:40vw;overflow-wrap:anywhere}.context-form{flex-wrap:wrap}}

/* Shared layout, surfaces and semantic components for every portal. */
.app-shell{grid-template-columns:256px minmax(0,1fr)}
.sidebar{background:var(--green2);padding:30px 20px}.brand{font-weight:650;font-size:35px;margin:0 12px 32px;letter-spacing:-1.5px}.brand span{color:#d7c18e;font-size:10px;letter-spacing:2px;margin-top:4px}
.nav-group{border:0;margin:0 0 12px;padding:0}.nav-group summary{color:#c0d3c9;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;padding:12px 12px 7px;cursor:pointer;font-weight:650;list-style:none}.nav-group summary::after{content:'⌄';float:right}.nav-group nav{display:grid;gap:3px}.sidebar a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:9px}.sidebar a[aria-current=page]{background:#ffffff12;box-shadow:inset 3px 0 #c8ae72}.nav-icon{display:inline-block;flex:0 0 16px;width:16px;height:16px;border:1.5px solid currentColor;border-radius:4px;opacity:.72}.nav-icon[data-icon=SALES]{border-radius:50%}.nav-icon[data-icon=OPERATIONS]{border-radius:2px;border-top:4px solid currentColor}.nav-icon[data-icon=ACCOUNTING]{border-radius:2px;transform:scale(.9)}
.topbar{min-height:78px;padding:16px 36px;background:#fffcf7;border-bottom:1px solid var(--line)}.context{font-size:13px;font-weight:600}.identity{font-size:12px}.sandbox{background:#eeeadc;color:#605335;font-size:10px;text-align:right;padding:6px 36px}.workspace{background:var(--surface)}main{padding:32px 36px 44px;max-width:1600px;margin:auto}h1{font-size:32px;font-weight:650;letter-spacing:-1px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px}h3{font-size:15px}.page-header{margin-bottom:28px}.eyebrow{letter-spacing:1.6px;font-size:10px}.page-header .muted{font-size:13px;max-width:640px}.muted{font-size:13px}button{border-radius:9px;font-size:13px;min-height:44px;padding:10px 16px}button:hover{border-color:#abc2b6;background:#edf4ed}.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:var(--green2);color:#fff}input,select,textarea{border-radius:9px;border:1px solid #bdcac0;background:#fff;font:inherit;color:var(--ink);padding:12px;min-height:44px;max-width:100%}input[type=checkbox]{min-height:20px}textarea{width:100%}.typed-fields{gap:18px}.typed-fields select,.typed-fields textarea{border-radius:9px}.typed-fields label{font-size:13px;font-weight:600}.repeat-row{border-radius:12px;padding:18px}.actions{gap:10px}.row-actions button{font-size:12px;padding:6px 10px}.section-card,.card,.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin:0;min-width:0}.section-card{margin-bottom:22px}.section-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-card>header h2{margin:0}.section-card>header p{font-size:12px}.stats-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{position:relative;overflow:hidden;min-height:138px;border-top:1px solid var(--line)}.stat p{margin:0 0 14px;font-size:12px;font-weight:500}.stat strong,.metric{font-size:30px;font-weight:650;letter-spacing:-.8px;color:var(--ink)}.stat small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px}.dashboard-grid>*{min-width:0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-tile{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px;padding:18px;background:#fafbf8;border:1px solid var(--line);text-align:left;border-radius:12px;min-height:88px}.quick-tile span{font-size:11px;color:var(--muted);font-weight:400}.table-scroll,.table-wrap{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:auto;background:#fff}table{font-size:13px}th{background:#f7f9f5;font-size:10px;padding:14px 18px;color:#53685d}td{padding:18px;font-size:13px}.filter-bar{margin:16px 0;align-items:center}.filter-bar input{width:min(420px,100%);background:#fff}.pagination{font-size:12px}.badge{border:0;border-radius:var(--radius-control);background:#edf0ed;color:#536059;font-size:10px;font-weight:650;padding:5px 9px;text-transform:capitalize;letter-spacing:.25px}.badge[data-status=APPROVED],.badge[data-status=VERIFIED],.badge[data-status=SETTLED],.badge[data-status=ARRIVED],.badge[data-status=COMPLETED],.badge[data-status=PAID]{background:#e4f1e6;color:#265d3b}.badge[data-status=IN_PROGRESS],.badge[data-status=PROCESSING],.badge[data-status=ISSUED],.badge[data-status=ASSIGNED],.badge[data-status=READY]{background:#e6eff9;color:#285582}.badge[data-status=PENDING],.badge[data-status=SUBMITTED],.badge[data-status=UPCOMING],.badge[data-status=UNDER_REVIEW],.badge[data-status=BALANCE_DUE],.badge[data-status=PENDING_REVIEW]{background:#fbefd7;color:#79571e}.badge[data-status=REJECTED],.badge[data-status=OVERDUE],.badge[data-status=BLOCKED],.badge[data-status=CANCELLED]{background:#fae6e2;color:#953c36}.empty{border:0;background:#f8faf6;text-align:center;padding:30px 20px;min-height:130px}.empty h3{font-weight:600}.empty p{font-size:12px;color:var(--muted)}.notice{border-radius:8px;color:#67572e;font-size:13px;background:#f5f0e2}.error{border-radius:8px;font-size:13px}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 22px 24px;border-left:1px solid var(--line);margin-left:5px;font-size:13px}.timeline li::before{content:'';position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--gold)}.timeline span{font-size:11px;margin-top:4px}.schedule-item{display:flex;align-items:start;gap:18px;border-bottom:1px solid var(--line);padding:16px 0}.schedule-item:last-child{border:0}.schedule-time{font-size:12px;color:var(--green);font-weight:650;min-width:80px}.schedule-body{flex:1;min-width:0}.schedule-body h3{margin:0 0 5px}.schedule-body p{font-size:12px;color:var(--muted)}.detail{border-radius:12px;font-size:13px}.detail dt{font-size:12px}.detail .detail{border-color:#edf0ea}.detail-list{display:grid;gap:14px}.detail-list>*+*{margin-top:0}dialog{border-radius:18px;box-shadow:0 24px 90px #14392e30;padding:28px}dialog::backdrop{background:#0e30295c;backdrop-filter:blur(3px)}.login{box-shadow:var(--shadow);border-radius:18px;background:#fff;padding:40px}.login input{width:100%}.guide main{max-width:1200px}.guide .dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.guide .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-bottom button[aria-current=page]{background:#eaf2e9;color:var(--green)}.mobile-menu{align-items:center}.drawer-shade{display:none}
@media(max-width:1100px){main{padding:28px 24px}.app-shell{grid-template-columns:230px minmax(0,1fr)}.dashboard-grid,.guide .dashboard-grid{grid-template-columns:1fr}.stats-grid{gap:12px}.stat{padding:20px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:278px;top:78px;height:calc(100dvh - 78px);z-index:40;box-shadow:12px 0 50px #14392e30}.topbar{padding:14px 20px;position:sticky;top:0;z-index:41}.sandbox{padding:6px 20px}.mobile-menu{display:flex}.page-header{flex-wrap:wrap}.sidebar.open+.drawer-shade{display:block;position:fixed;inset:78px 0 0 0;background:#10352d65;z-index:35;border:0;border-radius:0}.guide .table-scroll{background:transparent;box-shadow:none}.guide td::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.guide .row-actions::before{display:none}}
@media(max-width:600px){main{padding:22px 16px}.stats-grid,.guide .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px;min-height:124px}.stat strong{font-size:25px}.stat p{font-size:11px;margin-bottom:10px}.stat small{font-size:10px}.section-card,.card{padding:18px}.quick-tile{padding:15px;min-height:84px}.page-header h1{font-size:27px}.page-header{gap:14px;margin-bottom:22px}.topbar .identity{max-width:44vw}.sandbox{text-align:center;font-size:9px}.schedule-item{gap:10px}.schedule-time{min-width:68px;font-size:11px}.guide button{min-height:46px}.login{margin:5vh 16px;padding:28px}.filter-bar{flex-wrap:wrap}.pagination{flex-wrap:wrap}.detail{padding:16px}.mobile-bottom{background:#fffcf7;box-shadow:0 -4px 24px #15372e08}.dashboard-grid{gap:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.sidebar a[data-icon]::before{content:'';flex:0 0 15px;height:15px;border:1.5px solid currentColor;border-radius:4px;opacity:.65}.sidebar a[data-icon=SALES]::before{border-radius:50%}.sidebar a[data-icon=OPERATIONS]::before{border-top-width:4px;border-radius:2px}.sidebar a[data-icon=ACCOUNTING]::before{border-radius:2px}

/* Approved Backoffice visual correction. Existing shared components and variables. */
:root{--icon-overview:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjEuNSIvPjxyZWN0IHg9IjE0IiB5PSIzIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMS41Ii8+PHJlY3QgeD0iMyIgeT0iMTQiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxLjUiLz48cmVjdCB4PSIxNCIgeT0iMTQiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxLjUiLz48L3N2Zz4=");--icon-document:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTcgM2g3bDQgNHYxNEg2VjNoMW03IDB2NWg0TTkgMTJoNm0tNiA0aDYiLz48L3N2Zz4=");--icon-calendar:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE2IiByeD0iMyIvPjxwYXRoIGQ9Ik03IDN2NG0xMC00djRNMyAxMGgxOG0tMTMgNGgybTQgMGgybS04IDNoMiIvPjwvc3ZnPg==");--icon-plane:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0ibTIxIDMtNyAxOC00LTctNy00IDE4LTdaTTEwIDE0bDUtNSIvPjwvc3ZnPg==");--icon-wallet:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDhWNUg1YTIgMiAwIDAgMCAwIDRoMTZ2MTFINWEyIDIgMCAwIDEtMi0yVjdtMTggNmgtNXY0aDUiLz48L3N2Zz4=");--icon-person:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSI3IiByPSI0Ii8+PHBhdGggZD0iTTQgMjF2LTJhOCA4IDAgMCAxIDE2IDB2MiIvPjwvc3ZnPg==");--icon-people:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOSIgY3k9IjgiIHI9IjMiLz48cGF0aCBkPSJNMyAyMHYtMmE2IDYgMCAwIDEgMTIgMHYybTEtMTVhMyAzIDAgMCAxIDAgNm0yIDNhNSA1IDAgMCAxIDMgNSIvPjwvc3ZnPg==");--icon-bell:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTUgMTdoMTRsLTItM1Y5YTUgNSAwIDAgMC0xMCAwdjVsLTIgM1ptNSAzaDQiLz48L3N2Zz4=");--icon-arrow:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTUgMTkgMTkgNU02IDVoMTN2MTMiLz48L3N2Zz4=");--icon-settings:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgN2gxNk00IDE3aDE2Ii8+PGNpcmNsZSBjeD0iOSIgY3k9IjciIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjE3IiByPSIzIi8+PC9zdmc+");--icon-hotel:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgMjFWNGgxNnYxN004IDhoMm00IDBoMk04IDEyaDJtNCAwaDJtLTYgOXYtNWg0djUiLz48L3N2Zz4=");}

.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#123F3A 0%,#0F3733 100%);padding:30px 18px 28px}.brand{font-size:33px;font-weight:600;color:var(--ainreen-ivory-50);margin:0 14px 40px;letter-spacing:-1px}.brand span{color:var(--ainreen-gold-400);margin-top:6px}.nav-group{margin:0 0 16px}.nav-group summary{color:#A5BEB5;font-size:10px;letter-spacing:1.7px;font-weight:500;padding:10px 12px;line-height:1.5}.nav-group summary::after{transition:transform .15s}.nav-group[open] summary::after{transform:rotate(180deg)}.sidebar a{position:relative;min-height:44px;border-radius:11px;padding:10px 12px;color:#BDD1C8;gap:12px}.sidebar a[aria-current=page]{background:rgba(255,255,255,.10);color:white;box-shadow:none}.sidebar a[aria-current=page]::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--ainreen-gold-400);position:absolute;right:11px;top:20px}.sidebar a[data-icon]::before{width:18px;height:18px;flex:0 0 18px;border:0;border-radius:0;background:currentColor;mask-image:var(--icon-overview);mask-size:contain;mask-repeat:no-repeat;opacity:.72;transform:none}.sidebar a[aria-current=page]::before{color:var(--ainreen-gold-400);opacity:1}.sidebar a[data-icon=SALES]::before{mask-image:var(--icon-document)}.sidebar a[data-icon=OPERATIONS]::before{mask-image:var(--icon-calendar);border:0}.sidebar a[data-icon=GUIDE]::before{mask-image:var(--icon-person)}.sidebar a[data-icon=ACCOUNTING]::before{mask-image:var(--icon-wallet)}.sidebar a[data-icon=PRICING]::before{mask-image:var(--icon-plane)}.sidebar a[data-icon=MASTER]::before{mask-image:var(--icon-hotel)}.sidebar a[data-icon=ADMIN]::before{mask-image:var(--icon-settings)}
.visual-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ainreen-teal-700)}.visual-icon::before{content:'';width:20px;height:20px;background:currentColor;mask-image:var(--icon-overview);mask-size:contain;mask-repeat:no-repeat}
.visual-icon[data-icon=overview]::before{mask-image:var(--icon-overview)}
.visual-icon[data-icon=document]::before{mask-image:var(--icon-document)}
.visual-icon[data-icon=calendar]::before{mask-image:var(--icon-calendar)}
.visual-icon[data-icon=plane]::before{mask-image:var(--icon-plane)}
.visual-icon[data-icon=wallet]::before{mask-image:var(--icon-wallet)}
.visual-icon[data-icon=person]::before{mask-image:var(--icon-person)}
.visual-icon[data-icon=people]::before{mask-image:var(--icon-people)}
.visual-icon[data-icon=bell]::before{mask-image:var(--icon-bell)}
.visual-icon[data-icon=arrow]::before{mask-image:var(--icon-arrow)}
.visual-icon[data-icon=settings]::before{mask-image:var(--icon-settings)}
.visual-icon[data-icon=hotel]::before{mask-image:var(--icon-hotel)}

.workspace{background:var(--ainreen-ivory-100)}.topbar{background:rgba(255,255,255,.78);border-color:var(--ainreen-line);min-height:80px;padding:16px 30px;justify-content:space-between;gap:16px}.topbar-context,.topbar-tools{display:flex;align-items:center;gap:18px;min-width:0}.context{font-size:12px;color:var(--ainreen-ink-700);font-weight:500}.bangkok-clock{font-size:11px;color:var(--ainreen-ink-700);white-space:nowrap}.notification-button{display:flex;align-items:center;justify-content:center;border:0;padding:8px;min-width:38px;background:transparent}.notification-button .visual-icon::before{width:19px;height:19px}.account-chip{display:flex;align-items:center;gap:10px;padding-left:17px;border-left:1px solid var(--line)}.account-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ainreen-gold-200);color:var(--ainreen-teal-900);font-size:12px;font-weight:650}.account-copy{display:grid;gap:1px}.account-copy strong{font-size:12px;font-weight:650;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy small{font-size:10px;color:var(--ainreen-ink-700)}.account-signout{font-size:11px;border:0;background:transparent;padding:8px;min-height:36px;color:var(--muted)}.sandbox{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:transparent;color:var(--ainreen-ink-700);padding:15px 30px 0;font-size:10px;letter-spacing:0}.sandbox strong{border:1px solid var(--ainreen-gold-200);background:#F7EDD8;color:var(--ainreen-warning-text);font-size:9px;letter-spacing:1px;border-radius:999px;padding:3px 9px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 26px}.dashboard-welcome .eyebrow{color:var(--ainreen-warning-text);font-size:9px;letter-spacing:1.7px;margin-bottom:8px}.dashboard-welcome h1{font-size:29px;font-weight:600;letter-spacing:-.7px;margin:0 0 8px}.dashboard-welcome .muted{font-size:13px;margin:0}main{padding:24px 30px 36px;max-width:1660px}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{display:flex;align-items:flex-start;gap:12px;padding:20px;min-height:120px;border:1px solid var(--ainreen-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;transition:box-shadow .18s,transform .18s}.stat:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:12px;background:#EDF3ED;flex:0 0 40px}.stat[data-tone=gold] .stat-icon{background:#F6EEDB;color:var(--ainreen-warning-text)}.stat-copy{min-width:0;flex:1}.stat .stat-label{font-size:12px;line-height:1.35;color:var(--ainreen-ink-700);margin:0 0 10px}.stat .stat-value{font-size:28px;line-height:1.05;letter-spacing:-.7px;color:var(--ainreen-ink-900);font-weight:650;overflow-wrap:anywhere}.stat .stat-note{font-size:11px;line-height:1.4;color:var(--ainreen-ink-700);margin-top:8px}.stat-trend{font-size:11px;color:var(--ainreen-success-text)}.app-shell.costing .stats .stat{border:1px solid var(--line)}
.section-card{border-radius:var(--radius-card);border:1px solid var(--ainreen-line);box-shadow:var(--shadow-card);background:#fff;padding:22px;margin-bottom:22px}.section-card>header{margin-bottom:18px}.section-card>header h2{font-size:16px;font-weight:650;color:var(--ainreen-ink-900)}.section-card>header p{font-size:10px}.dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:22px;align-items:start;margin-bottom:22px}.dashboard-side-stack{display:grid;gap:22px}.dashboard-secondary-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:22px;align-items:start}.dashboard-primary-grid .section-card,.dashboard-secondary-grid .section-card{margin:0}.dashboard-primary-grid>*,.dashboard-secondary-grid>*{min-width:0}.dashboard-schedule .section-card{min-height:340px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-tile{display:flex;flex-direction:row;align-items:center;gap:10px;position:relative;background:var(--ainreen-ivory-50);border:1px solid var(--ainreen-line);border-radius:14px;min-height:92px;padding:14px;transition:box-shadow .18s,transform .18s}.quick-tile:hover{background:white;transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#D3DCD1}.quick-icon{width:36px;height:36px;border-radius:10px;background:#EAF0E8;flex:0 0 36px}.quick-copy{display:grid;gap:5px;text-align:left;min-width:0;flex:1}.quick-copy strong{font-size:12px;line-height:1.3;font-weight:650;color:var(--ainreen-ink-900)}.quick-copy>span{font-size:10px;color:var(--ainreen-ink-700);line-height:1.35}.quick-arrow{position:absolute;right:9px;top:7px;color:var(--ainreen-ink-500);font-size:11px}
.schedule-list{position:relative}.schedule-item{display:grid;grid-template-columns:72px 20px minmax(0,1fr) auto;gap:10px;position:relative;align-items:start;border:0;padding:12px 0 22px}.schedule-time{min-width:0;font-size:11px;color:var(--ainreen-teal-700);font-weight:500;line-height:1.6}.schedule-marker{position:relative;width:9px;height:9px;border-radius:50%;background:var(--ainreen-gold-500);margin:5px auto 0;box-shadow:0 0 0 4px #FAF6EB}.schedule-marker::after{content:'';position:absolute;width:1px;height:calc(100% + 100px);background:#E9EDE6;left:4px;top:13px}.schedule-item:last-child .schedule-marker::after{display:none}.schedule-body{min-width:0}.schedule-body h3{font-size:14px;font-weight:650;margin:0 0 5px}.schedule-body p{font-size:12px;line-height:1.5;color:var(--ainreen-ink-700);margin:0 0 9px}.schedule-status{justify-self:end}.schedule-body .actions{gap:5px}.schedule-body .actions button,.upcoming-trip .actions button,.row-actions button{border:0;background:transparent;color:var(--ainreen-teal-700);font-size:11px;min-height:30px;padding:4px 6px;text-decoration:none}.upcoming-trip{padding:14px 0;border-bottom:1px solid #F0ECE3}.upcoming-trip:first-child{padding-top:0}.upcoming-trip:last-child{border:0;padding-bottom:0}.upcoming-trip header{display:flex;justify-content:space-between;align-items:start;gap:10px}.upcoming-trip strong{font-size:12px}.upcoming-trip p{font-size:11px;line-height:1.6;margin:8px 0}.upcoming-trip .actions{gap:3px}
.trend-unavailable{position:relative}.trend-caption{font-size:11px;color:var(--ainreen-ink-700);margin:0}.trend-skeleton{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px;border-bottom:1px dashed #C9D6CC;position:relative;height:30px}.trend-skeleton span{width:6px;height:6px;border:1px solid #C9D6CC;border-radius:50%;background:#F7F9F5;transform:translateY(15px)}.trend-unavailable .muted{font-size:12px;margin:0 0 5px}.trend-unavailable small{font-size:10px;color:var(--ainreen-ink-700)}
.table-scroll{border:1px solid var(--ainreen-line);border-radius:14px;box-shadow:none}th{background:#FCFBF7;min-height:42px;height:42px;font-size:10px;letter-spacing:.7px;padding:12px 14px}td{height:54px;border-top:1px solid #F0ECE3;padding:12px 14px;font-size:12px}tr:hover td{background:#FBFAF6}.badge{border-radius:var(--radius-pill);padding:5px 10px;font-size:10px;font-weight:650;line-height:1.4}.badge[data-status=APPROVED],.badge[data-status=VERIFIED],.badge[data-status=SETTLED],.badge[data-status=ARRIVED],.badge[data-status=COMPLETED],.badge[data-status=PAID]{background:var(--ainreen-success-bg);color:var(--ainreen-success-text)}.badge[data-status=IN_PROGRESS],.badge[data-status=PROCESSING],.badge[data-status=ISSUED],.badge[data-status=ASSIGNED],.badge[data-status=READY]{background:var(--ainreen-info-bg);color:var(--ainreen-info-text)}.badge[data-status=PENDING],.badge[data-status=SUBMITTED],.badge[data-status=UPCOMING],.badge[data-status=UNDER_REVIEW],.badge[data-status=BALANCE_DUE],.badge[data-status=PENDING_REVIEW]{background:var(--ainreen-warning-bg);color:var(--ainreen-warning-text)}.badge[data-status=REJECTED],.badge[data-status=OVERDUE],.badge[data-status=BLOCKED],.badge[data-status=CANCELLED]{background:var(--ainreen-danger-bg);color:var(--ainreen-danger-text)}
.timeline li{border-color:#EDF0E9;font-size:12px;padding-bottom:20px}.timeline li::before{background:#D7C496;width:7px;height:7px;left:-4px;box-shadow:0 0 0 3px #FAF8F1}.timeline strong{font-weight:500;font-size:12px}.timeline span{font-size:10px;color:var(--ainreen-ink-700);margin-top:5px}.empty{padding:22px;border:0}.empty::before{content:'';display:block;width:18px;height:18px;margin:0 auto 8px;background:#94A99A;mask-image:var(--icon-calendar);mask-size:contain;mask-repeat:no-repeat}.empty h3{font-size:14px;margin:0 0 6px}.empty p{font-size:12px;line-height:1.4;margin:0}.dashboard-primary-grid .empty,.dashboard-secondary-grid .empty{min-height:0;max-height:110px;padding:18px;background:#FAFBF7}.dashboard-schedule .section-card:has(.empty){min-height:0}
button{border-radius:11px;min-height:42px;padding:9px 15px}input,select,textarea,.typed-fields textarea,.typed-fields select{border-radius:11px;border-color:#D7DCD5;background:#fff}input:focus,select:focus,textarea:focus{border-color:#8CAC9F;box-shadow:0 0 0 3px rgba(29,90,80,.10)}:focus-visible{outline:2px solid var(--ainreen-teal-700);outline-offset:3px}
@media(min-width:1400px){.backoffice .stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.backoffice .stat{display:flex;padding:18px 14px;min-height:124px;gap:10px}.backoffice .stat-icon{width:36px;height:36px;flex-basis:36px;margin-bottom:0}.backoffice .stat-label{font-size:11px;margin-bottom:8px}.backoffice .stat-value{font-size:28px}.backoffice .stat-note{font-size:10px}}
@media(max-width:1399px){.backoffice .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.dashboard-primary-grid{grid-template-columns:1fr}.dashboard-secondary-grid{grid-template-columns:1fr 1fr}.dashboard-secondary-grid>.section-card:last-child{grid-column:1/-1}.dashboard-side-stack{grid-template-columns:1fr 1fr}.bangkok-clock{display:none}.backoffice .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:15px 22px}.account-copy strong{max-width:120px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{top:80px;height:calc(100dvh - 80px);width:260px}.sidebar.open+.drawer-shade{inset:80px 0 0 0}.topbar{position:sticky;top:0;z-index:41;min-height:80px;padding:12px 16px}.topbar-context{gap:8px}.topbar-tools{gap:9px}.account-chip{padding-left:10px}.sandbox{padding:12px 18px 0;justify-content:flex-start}.context{display:none}.mobile-menu{display:flex}}
@media(max-width:600px){main{padding:22px 16px 30px}.dashboard-welcome h1{font-size:27px}.dashboard-welcome{margin-bottom:22px}.dashboard-welcome .muted{font-size:13px}.dashboard-primary-grid,.dashboard-secondary-grid,.dashboard-side-stack{grid-template-columns:1fr;gap:18px}.dashboard-primary-grid{margin-bottom:18px}.dashboard-secondary-grid>.section-card:last-child{grid-column:auto}.section-card{padding:18px}.stats-grid{gap:12px;margin-bottom:20px}.stat{display:block;padding:16px;min-height:160px}.stat-icon{width:36px;height:36px;margin-bottom:12px}.stat .stat-value{font-size:27px}.stat .stat-label{font-size:11px}.stat .stat-note{font-size:10px}.account-copy{display:none}.account-chip{border:0;padding:0}.account-signout{font-size:10px;padding:7px 3px}.account-avatar{width:32px;height:32px}.notification-button{min-width:32px;padding:6px}.topbar-context .mobile-menu{font-size:12px;min-height:40px}.schedule-item{grid-template-columns:55px 14px minmax(0,1fr);gap:8px}.schedule-status{grid-column:3;justify-self:start}.schedule-body .actions{flex-wrap:wrap}.schedule-time{font-size:10px}.schedule-marker::after{height:110px}.quick-tile{min-height:98px;padding:14px 12px;gap:8px}.quick-icon{width:30px;height:30px;flex-basis:30px}.quick-copy strong{font-size:11px}.quick-copy>span{font-size:10px}.sandbox{font-size:9px}.guide button{min-height:46px}}

/* Executive analytics uses the same Ainreen surfaces and components. */
.backoffice .brand{font-size:25px;line-height:1.2}.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.analytics-heading p{margin:0;font-size:12px}.year-selector{display:flex;align-items:center;gap:9px;font-size:12px}.year-selector input{width:100px;min-height:38px}.backoffice .stats-grid[data-annual]{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.backoffice .stats-grid[data-annual] .stat{display:block;padding:18px;min-height:162px}.stats-grid[data-annual] .stat-icon{margin-bottom:12px}.stats-grid[data-annual] .stat-value{font-size:clamp(19px,1.8vw,27px);overflow-wrap:anywhere}.executive-chart-grid{display:grid;grid-template-columns:1fr 1.15fr 1.3fr;gap:18px;margin-bottom:18px;align-items:stretch}.executive-chart-grid>*{min-width:0;margin:0}.executive-chart-grid .section-card{padding:18px}.executive-chart-grid h2{font-size:14px}.executive-chart-grid .section-card>header{min-height:42px}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:10px;margin-bottom:12px;min-height:30px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.donut-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.monthly-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;height:155px;padding-top:6px}.chart-month{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:8px;min-width:0}.bar-pair{height:122px;display:flex;align-items:flex-end;justify-content:center;gap:2px;border-bottom:1px solid var(--line)}.chart-bar{width:40%;max-width:18px;border-radius:3px 3px 0 0}.chart-month small{font-size:8px;text-align:center;color:var(--muted)}.chart-values{margin-top:12px;font-size:10px}.chart-values summary{color:var(--green);cursor:pointer}.chart-values .table-scroll{margin-top:10px}.booking-donut{width:144px;height:144px;border-radius:50%;margin:6px auto 14px;display:grid;place-items:center}.booking-donut>div{width:106px;height:106px;background:var(--paper);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.booking-donut strong{font-size:25px}.booking-donut small{font-size:10px;color:var(--muted)}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:11px}.donut-legend li{display:flex;align-items:center;gap:8px}.donut-legend li strong{margin-left:auto}.revenue-chart{width:100%;height:166px;display:block}.revenue-chart text{font-size:8px;fill:var(--muted)}.chart-gridline{stroke:var(--line);stroke-dasharray:3 4;stroke-width:1}.pax-chart .monthly-bars{height:80px}.pax-chart .bar-pair{height:58px}.pax-chart .chart-bar{width:65%;max-width:38px}.pax-chart .chart-month small{font-size:10px}.analytics-basis{font-size:11px;color:var(--muted);margin:0 0 20px}.analytics-basis summary{cursor:pointer}.management-insight dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;margin:0}.management-insight dt{color:var(--muted)}.management-insight dd{margin:0;font-weight:650;text-align:right}.management-insight p{font-size:11px;line-height:1.5}.forecast-note{border-top:1px solid var(--line);padding-top:12px}.dashboard-schedule .section-card{min-height:0}.dashboard-primary-grid{margin-bottom:18px;gap:18px}.dashboard-side-stack{gap:18px}.executive-analytics>.section-card{margin-bottom:12px}.costing-unavailable{max-width:680px;margin:20px auto}.costing-unavailable .empty{padding:32px}.job-order-overview .actions{flex-wrap:wrap}
@media(max-width:1250px){.backoffice .stats-grid[data-annual]{grid-template-columns:repeat(3,minmax(0,1fr))}.executive-chart-grid{grid-template-columns:1fr 1fr}.executive-chart-grid>.section-card:last-child{grid-column:1/-1}.revenue-chart{max-height:210px}.backoffice .stats-grid[data-annual] .stat{min-height:148px}}
@media(max-width:700px){.backoffice .stats-grid[data-annual]{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-chart-grid{grid-template-columns:1fr;gap:14px}.executive-chart-grid>.section-card:last-child{grid-column:auto}.backoffice .stats-grid[data-annual] .stat{padding:15px;min-height:156px}.analytics-heading{align-items:flex-start}.analytics-heading p{max-width:165px}.year-selector{gap:5px}.year-selector input{width:82px}.chart-month small{font-size:9px}.chart-values td{white-space:normal}.management-insight dl{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}}
.job-order-preview{width:100%;height:65vh;border:1px solid var(--line);background:white;border-radius:var(--radius-control)}