:root{--bb-navy: #10233F;--bb-primary: #2463EB;--bb-accent: #0D9488;--bb-background: #F6F8FC;--bb-surface: #FFFFFF;--bb-text: #14243A;--bb-muted: #52627A;--bb-divider: #DFE6EF;--bb-success: #16835D;--bb-warning: #B66500;--bb-error: #C83F47;--bb-darkSurface: #111D2D;--bb-darkBackground: #0B1524;--bb-darkText: #F3F7FD;--bb-primaryContainer: #E8EFFF;--bb-onPrimaryContainer: #173D8F;--bb-accentContainer: #E2F5F1;--bb-onAccentContainer: #075E55;--bb-warningContainer: #FFF2D9;--bb-onWarningContainer: #805000;--bb-errorContainer: #FDECEF;--bb-onErrorContainer: #9B2833;--bb-darkPrimary: #AEC6FF;--bb-darkAccent: #66D9CA;--bb-darkWarning: #FFD98C;--bb-darkError: #FFB3BC;--bb-darkMuted: #B8C6D9;--bb-darkDivider: #2C4058;--bb-darkPrimaryContainer: #18365F;--bb-darkOnPrimaryContainer: #DCE8FF;--bb-darkAccentContainer: #113E3A;--bb-darkOnAccentContainer: #A5F0E4;--bb-darkWarningContainer: #46351B;--bb-darkOnWarningContainer: #FFD98C;--bb-darkErrorContainer: #51272E;--bb-darkOnErrorContainer: #FFD9DF;--bb-spacing4: 4px;--bb-spacing8: 8px;--bb-spacing12: 12px;--bb-spacing16: 16px;--bb-spacing24: 24px;--bb-spacing32: 32px;--bb-spacing48: 48px;--bb-radius8: 8px;--bb-radius12: 12px;--bb-radius16: 16px;--bb-radius24: 24px;--bb-iconSizes20: 20px;--bb-iconSizes24: 24px;--bb-motionMs120: .12s;--bb-motionMs180: .18s;--bb-motionMs220: .22s;--bb-typeCaption: 14px;--bb-typeBody: 16px;--bb-typeLabel: 16px;--bb-typeTitle: 24px;--bb-typeDisplay: 40px;--bb-elevationFlat: 0px;--bb-elevationCard: 1px;--bb-elevationDrawer: 8px;--bb-touchTarget: 48px}@media(prefers-color-scheme:dark){:root{--bb-background: var(--bb-darkBackground);--bb-surface: var(--bb-darkSurface);--bb-text: var(--bb-darkText);--bb-muted: var(--bb-darkMuted);--bb-divider: var(--bb-darkDivider);--bb-primary: var(--bb-darkPrimary);--bb-accent: var(--bb-darkAccent);--bb-warning: var(--bb-darkWarning);--bb-error: var(--bb-darkError);--bb-primaryContainer: var(--bb-darkPrimaryContainer);--bb-onPrimaryContainer: var(--bb-darkOnPrimaryContainer);--bb-accentContainer: var(--bb-darkAccentContainer);--bb-onAccentContainer: var(--bb-darkOnAccentContainer);--bb-warningContainer: var(--bb-darkWarningContainer);--bb-onWarningContainer: var(--bb-darkOnWarningContainer);--bb-errorContainer: var(--bb-darkErrorContainer);--bb-onErrorContainer: var(--bb-darkOnErrorContainer)}}@media(prefers-reduced-motion:reduce){:root{--bb-motionMs120: 0ms;--bb-motionMs180: 0ms;--bb-motionMs220: 0ms}}:root{--hivefield-navy: #061A40;--hivefield-gold: #FFCB05;--hivefield-goldDeep: #F4A000;--hivefield-terminal: #168DF4;--hivefield-terminalDeep: #032C65;--hivefield-supervisor: #00B7B6;--hivefield-supervisorDeep: #004653;--hivefield-console: #8250E8;--hivefield-consoleDeep: #241757;--hivefield-white: #FFFFFF;--hivefield-glyphShade: #D8EAF7;--hivefield-muted: #526A80;--hivefield-azure: #00A5F5}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;color-scheme:light;--bg: #f6f8fc;--surface: #fff;--ink: #14243a;--muted: #52627a;--line: #dfe6ef;--soft: #e8efff;--accent: #2463eb;--teal: #075e55;--teal-bg: #e2f5f1;--amber: #805000;--amber-bg: #fff2d9;--error: #9b2833;--error-bg: #fdecef;--shadow: 0 4px 24px #10233f05;--purple: #6740c2;--purple-bg: #f0eafc}:root[data-theme=dark]{color-scheme:dark;--bg: var(--bb-darkBackground);--surface: var(--bb-darkSurface);--ink: var(--bb-darkText);--muted: var(--bb-darkMuted);--line: var(--bb-darkDivider);--soft: var(--bb-darkPrimaryContainer);--accent: var(--bb-darkPrimary);--teal: var(--bb-darkOnAccentContainer);--teal-bg: var(--bb-darkAccentContainer);--amber: var(--bb-darkOnWarningContainer);--amber-bg: var(--bb-darkWarningContainer);--error: var(--bb-darkOnErrorContainer);--error-bg: var(--bb-darkErrorContainer);--purple: #d7c3ff;--purple-bg: #312450;--shadow: none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{min-height:48px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:background .16s,border-color .16s}button:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}button:disabled{opacity:.5;cursor:not-allowed}input,select{min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px 12px;max-width:100%;min-width:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:#2463eb;border-color:#2463eb;color:#fff}.primary:hover:not(:disabled){background:#1747b5;color:#fff}.wide{width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:8px}h2{font-size:19px;line-height:1.4;letter-spacing:-.35px;margin-bottom:8px}h3{font-size:17px}p{color:var(--muted)}small{font-size:12px}.brand{display:flex;gap:10px;align-items:center;color:#fff;min-width:0}.brand img{width:43px;height:48px;object-fit:contain}.brand strong{font-size:23px;letter-spacing:-.7px;display:block}.brand strong span{font-size:13px;letter-spacing:0;font-weight:500;color:#dfd2ff}.brand small{display:block;font-size:10px;color:#d4deee;line-height:1.7}.shell{display:flex;min-height:100vh}.sidebar{width:276px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#10233f;color:#d4deee;padding:28px 18px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.sidebar .brand{margin:0 8px 24px}.product{display:flex;gap:10px;align-items:center;padding:14px 10px;border-block:1px solid #2c4058;font-size:12px;color:#d4deee;margin-bottom:20px}.product img{width:32px;height:32px}.nav-group{font-size:10px;letter-spacing:1.1px;font-weight:700;color:#a9bdd7;padding:0 12px;margin:20px 0 10px}.nav-item{display:flex;width:100%;justify-content:start;text-align:left;color:#d4deee;background:transparent;border:none;font-size:13px;padding:11px 12px;margin:3px 0;gap:12px;min-height:46px}.nav-item svg:last-child:not(:first-child){margin-left:auto}.nav-item:hover:not(:disabled){background:#203b60;border:none;color:#fff}.nav-item.selected{background:#304368;color:#fff;box-shadow:inset 3px 0 #b497fb}.nav-item.selected svg{color:#d7c3ff}.sidebar-footer{margin-top:auto;padding:28px 10px 0;font-size:11px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#d4deee}.sidebar-footer small{width:100%;font-size:10px;color:#a9bdd7}.safe-dot{width:7px;height:7px;background:#ffd98c;border-radius:100%}.workspace{margin-left:276px;width:calc(100% - 276px);min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:16px 32px;background:var(--surface);border-bottom:1px solid var(--line);min-height:100px}.context{display:flex;gap:22px;align-items:center;flex:1;min-width:0}.context label{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:2px;min-width:0}.context select{font-size:13px;letter-spacing:0;text-transform:none;border:none;background:transparent;padding:4px 24px 4px 0;min-height:32px;max-width:260px;font-weight:650}.context-divider{height:32px;border-left:1px solid var(--line)}.tools{display:flex;gap:6px}.tools button,.icon-button{background:transparent;border-color:transparent;padding:8px;min-width:48px;font-size:12px}.tools{color:var(--muted)}.mobile-menu{display:none}main{padding:32px;max-width:1800px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px}.page-heading p{font-size:13px;margin:0}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:14px}.page-heading>button{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.metric-icon{background:var(--soft);color:var(--accent);display:flex;padding:9px;border-radius:10px}.metric:nth-child(2) .metric-icon{background:var(--purple-bg);color:var(--purple)}.metric:nth-child(3) .metric-icon{background:var(--teal-bg);color:var(--teal)}.metric:nth-child(4) .metric-icon{background:var(--amber-bg);color:var(--amber)}.metric>strong{display:block;font-size:38px;font-weight:650;letter-spacing:-1px;margin:14px 0 4px;font-variant-numeric:tabular-nums}.metric-caption{font-size:11px;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px;min-width:0}.panel-heading{padding:22px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.panel-heading h2{margin:0}.panel-heading .text-button{padding:8px 0;font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--purple);display:block;margin-bottom:8px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:24px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{padding:13px 20px;color:var(--muted);font-size:10px;letter-spacing:.5px;white-space:nowrap;background:var(--bg);border-block:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:middle;max-width:300px;overflow-wrap:anywhere}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg)}.identifier{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;border-radius:6px;padding:5px 8px;background:var(--soft);color:var(--accent);max-width:100%;overflow-wrap:anywhere}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.teal{background:var(--teal-bg);color:var(--teal)}.text-button{border:none;background:transparent;color:var(--accent);padding:8px;white-space:nowrap;font-size:12px}.panel-footnote{font-size:11px;padding:18px 24px;border-top:1px solid var(--line);margin:0}.panel-note{font-size:13px;padding:0 24px 16px;margin:0;max-width:1000px}.priority .panel-heading{display:block}.priority .badge{margin-top:8px}.priority-row{border:none;border-radius:0;border-bottom:1px solid var(--line);width:100%;font-size:12px;font-weight:500;justify-content:start;padding:18px 24px;gap:12px}.priority-row strong{margin-left:auto;font-size:17px}.guard{margin:20px;background:var(--amber-bg);color:var(--amber);padding:20px;border-radius:12px}.guard svg{margin-bottom:10px}.guard strong{display:block;font-size:12px}.guard p{font-size:11px;margin:8px 0 0;color:var(--amber)}.notice{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px;margin-bottom:20px;font-size:13px;overflow-wrap:anywhere}.notice>div{flex:1}.notice p{color:inherit;margin:4px 0 0}.notice.amber{background:var(--amber-bg);color:var(--amber);border-color:transparent}.notice.teal{background:var(--teal-bg);color:var(--teal);border-color:transparent}.notice.error{background:var(--error-bg);color:var(--error);border-color:transparent}.notice>button{margin-left:auto;background:transparent;border:none;padding:4px}.notice svg{flex-shrink:0}.empty{padding:64px 24px;text-align:center;color:var(--muted)}.empty svg{color:var(--purple);margin-bottom:16px}.empty h2,.empty h3{color:var(--ink)}.empty p{font-size:13px;max-width:520px;margin:0 auto}.search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);max-width:260px}.search input{border:0;padding-inline:0;width:100%;font-size:12px;background:transparent}.section-actions{display:flex;flex-wrap:wrap;gap:12px}.section-actions button{font-size:12px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 24px;font-size:12px}.pagination span{margin-right:auto;color:var(--muted)}.pagination button{font-size:12px}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.report-totals{display:flex;gap:40px;padding:12px 24px 24px;flex-wrap:wrap}.report-totals span{display:block;font-size:12px;color:var(--muted)}.report-totals strong{display:block;font-size:24px;margin-top:8px;font-variant-numeric:tabular-nums}.settings{padding:28px;display:flex;align-items:start;justify-content:space-between;gap:28px}.settings p{font-size:13px;max-width:700px}.settings>button{flex-shrink:0;font-size:12px}.preparation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.preparation{padding:28px}.preparation>svg{display:block;color:var(--purple);margin-bottom:28px}.preparation h2{margin-top:20px}.preparation p{font-size:13px}.workspace-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding-top:20px;flex-wrap:wrap}.workspace-footer>span:last-child{display:flex;gap:6px;align-items:center}.skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;color:var(--muted);font-size:13px}.skeleton span{height:160px;background:var(--surface);border:1px solid var(--line);border-radius:16px;animation:breathe 1.8s infinite alternate}@keyframes breathe{to{opacity:.4}}.skip{position:fixed;left:300px;top:-100px;z-index:99;background:var(--surface);color:var(--ink);padding:12px}.skip:focus{top:10px}.scrim{display:none}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(650px,100%);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);padding:28px;overflow-y:auto;box-shadow:-12px 0 60px #0003}.drawer::backdrop{background:#061a4077;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.drawer-heading h2{margin:0}.drawer-heading button{padding:10px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.record-grid div{min-width:0}.record-grid dt{color:var(--muted);font-size:11px;text-transform:capitalize}.record-grid dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:16px;font-size:11px;border-radius:12px;max-height:500px;overflow:auto}summary{cursor:pointer;font-size:13px;padding:16px 0;min-height:48px}.drawer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.action-form{display:grid;gap:24px}.action-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.evidence-photo{display:block;max-width:100%;max-height:500px;margin:20px auto;border-radius:12px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:radial-gradient(ellipse at 15% 100%,#284b70 0%,transparent 60%),#10233f;color:#fff;padding:48px 60px;display:flex;flex-direction:column}.login-story .brand strong{font-size:30px}.login-story .brand small{font-size:11px}.login-story .brand img{width:54px;height:64px}.intro{margin:auto 0;padding:90px 0;max-width:550px}.intro .eyebrow{color:#d1bcff;font-size:11px}.intro h1{font-size:clamp(36px,4vw,60px);letter-spacing:-2px;line-height:1.1;margin:24px 0}.intro p{color:#cdd9ec;font-size:16px;line-height:1.8;max-width:470px}.trust-pills{display:flex;flex-direction:column;gap:18px;margin-top:40px}.trust-pills span{display:flex;align-items:center;gap:14px;font-size:13px;color:#dce8ff}.trust-pills svg{width:20px;color:#a8dcd4}.login-story footer{color:#a9bdd7;font-size:11px}.login-main{max-width:none;margin:0;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.login-main>.tools{position:absolute;right:28px;top:24px}.login-card{max-width:420px;width:100%;margin:70px 0}.login-card .role-icon{width:76px;height:76px;margin-bottom:28px;filter:drop-shadow(0 10px 16px #8250e820)}.login-card h2{font-size:28px;letter-spacing:-.8px;margin-top:12px}.login-card>p{font-size:14px;line-height:1.8;margin-bottom:28px}.login-card .notice{font-size:12px}.login-security{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:24px}.login-main>footer{position:absolute;bottom:28px;font-size:10px;color:var(--muted)}@media(min-width:1600px){main{padding:40px 48px}.topbar{padding-inline:48px}}@media(max-width:1200px){.sidebar{width:240px;padding:24px 12px}.workspace{margin-left:240px;width:calc(100% - 240px)}.brand strong{font-size:20px}.brand img{width:36px}.overview-grid{grid-template-columns:1fr}.priority{display:grid;grid-template-columns:1fr 1fr}.priority .panel-heading{grid-column:1/-1}.priority-row{grid-column:1}.priority .guard{grid-column:2;grid-row:2/5}.metrics{gap:12px}.metric{padding:16px}.metric-top{flex-direction:column-reverse;align-items:start}.context{gap:12px}.topbar{padding:16px 24px}.context select{max-width:200px}.preparation-grid{grid-template-columns:1fr}.preparation{margin-bottom:0}.settings{flex-direction:column}.section-actions{width:100%}.login-story{padding:40px}}@media(max-width:900px){.sidebar{transform:translate(-100%);width:280px;transition:transform .18s}.sidebar.open{transform:translate(0)}.workspace{margin-left:0;width:100%}.mobile-menu{display:flex;padding:8px;border:none}.scrim{display:block;position:fixed;inset:0;background:#061a4088;z-index:19;border:0;border-radius:0}.context select{max-width:240px}.topbar{gap:8px}.login{grid-template-columns:1fr 1fr}.login-story{padding:32px}.intro h1{font-size:40px}.login-main{padding:32px}.login-card h2{font-size:24px}}@media(max-width:640px){main{padding:24px 16px}.topbar{flex-wrap:wrap;padding:12px 16px;gap:4px}.context{order:5;width:100%;flex:1 0 100%;gap:16px;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.context label{flex:1;max-width:calc(50% - 16px)}.context select{width:100%;max-width:100%;text-overflow:ellipsis}.context-divider{display:none}.topbar>.tools{margin-left:auto}.page-heading{align-items:start;margin-bottom:24px}.page-heading h1{font-size:26px}.page-heading>button{min-width:48px;padding:10px;font-size:11px}.breadcrumb{font-size:10px;flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric>strong{font-size:32px}.metric-top{flex-direction:row;align-items:start;min-height:42px}.metric-icon{padding:7px}.metric-icon svg{width:16px}.metric{padding:16px}.metric-top>span:first-child{font-size:11px}.metric-caption{font-size:10px}.panel-heading{padding:20px 16px}.panel-heading h2{font-size:17px}.priority{display:block}.guard{margin:16px}.panel-note,.panel-footnote{padding-inline:16px}.panel-note{font-size:12px}td,th{padding-inline:16px}.settings{padding:20px}.pagination{padding:12px;gap:6px}.pagination button{padding:8px;font-size:11px}.pagination span{font-size:11px}.search{max-width:none;width:100%}.section-actions{flex-direction:column}.notice{padding:14px;font-size:12px;flex-wrap:wrap}.notice>button{margin:0}.report-totals{padding-inline:16px;gap:20px}.report-totals strong{font-size:22px}.drawer{padding:20px}.record-grid{grid-template-columns:1fr}.login{display:block}.login-story{padding:26px 24px}.login-story .brand strong{font-size:24px}.login-story .brand img{width:43px;height:50px}.login-story .brand small{font-size:10px}.intro{padding:36px 0 16px}.intro h1{font-size:36px;letter-spacing:-1px;max-width:340px;margin:16px 0}.intro p{font-size:13px;line-height:1.7}.trust-pills{display:none}.login-story footer{display:none}.login-main{padding:36px 24px 64px}.login-main>.tools{position:static;align-self:flex-end;margin-top:-12px}.login-card{margin:16px 0}.login-card .role-icon{width:56px;height:56px;margin-bottom:20px}.login-main>footer{font-size:9px;bottom:20px}.skeleton{grid-template-columns:1fr}.skeleton span{height:100px}.skip{left:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}table{min-width:600px}.mobile-brand{display:none}@media(max-width:900px){.mobile-brand{display:flex;align-items:center;gap:6px;font-size:16px;letter-spacing:-.5px}.mobile-brand img{width:25px;height:30px}}.payrun-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:0 24px 24px}.payrun-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.payrun-preview{padding:0 24px 24px}.payrun-preview .report-totals{padding-inline:0}.payrun-form input{min-width:170px}@media(max-width:640px){.payrun-form{padding:0 16px 20px}.payrun-form label,.payrun-form button{width:100%}.payrun-preview{padding-inline:16px}}.report-totals>div{min-width:0;max-width:100%}.report-totals strong{overflow-wrap:anywhere}
