:where([data-surface=office]){--naes-blue:#15233b;--bg:#f8faff;--surface:#fff;--surface-strong:#f5f8fd;--ink:#15233b;--muted:#65748b;--line:#e2e8f0;--brand:#15233b;--brand-2:#4f46e5;--accent:#6366f1;--success:#047857;--warning:#92400e;--warning-strong:#b45309;--soft:#f5f8fd;--card-soft:#fbfcff;--status-success:#ecfdf5;--status-success-border:#a7f3d0;--status-warning:#fffbef;--status-warning-border:#f4e5b4;--status-danger:#fff4f4;--status-danger-border:#f4c7c7;--status-muted:#f1f5f9;--status-muted-border:#e2e8f0;--status-accent:#eef2ff;--status-accent-border:#c7d2fe;--shadow:0 2px 5px #1b2f5510;--font-display:var(--font-body), Inter, sans-serif;color:var(--ink)}:where([data-surface=office]) :where(h1,h2,h3,h4){letter-spacing:-.025em;font-weight:650}:where([data-surface=office] :is(a,button,summary,[tabindex]):focus-visible){outline-offset:2px;outline:2px solid #6366f1}:where([data-surface=office]) .button{border-radius:6px;min-height:40px;font-size:13px;font-weight:500}:where([data-surface=office]) .button.compact{border-radius:6px;min-height:32px;font-size:12px}:where([data-surface=office]) .button.ghost{color:var(--brand-2);border-color:#0000}:where([data-surface=office]) :is(.metric,.panel,.row-card,.form-panel,.global-dashboard-hero,.dashboard-official-detail,.dashboard-filters){border-radius:9px}:where([data-surface=office]) .panel-header h2{font-size:16px}:where([data-surface=office]) .status{border-radius:5px;font-weight:600}:where([data-surface=office]) .badge{border-radius:4px;font-weight:600}:where([data-surface=office]) .table th,:where([data-surface=office]) .data-table thead th{letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}:where([data-surface=office]) :is(.field input,.field select,.field textarea){border-radius:7px}:where([data-surface=office]) .sidebar{color:var(--ink);border-right:1px solid var(--line);background:#fff;padding:24px 14px}:where([data-surface=office]) .brand strong{color:var(--ink)}:where([data-surface=office]) .brand span,:where([data-surface=office]) .nav-heading{color:var(--muted)}:where([data-surface=office]) .brand-mark{background:color-mix(in srgb, var(--naes-red) 7%, #fff);color:var(--naes-red)}:where([data-surface=office]) .nav button,:where([data-surface=office]) .nav a,:where([data-surface=office]) .manual-link{color:#4a5870;font-size:12px}:where([data-surface=office]) .nav button:hover,:where([data-surface=office]) .nav a:hover,:where([data-surface=office]) .manual-link:hover{color:var(--ink);background:#f1f4f9}:where([data-surface=office]) .nav button.active,:where([data-surface=office]) .nav a.active{color:#4f46e5;background:#eef2ff}:where([data-surface=office]) .nav-submenu a{border-left-color:var(--line);color:#4a5870;font-weight:500}:where([data-surface=office]) .nav-submenu a.active{color:#4f46e5;background:#eef2ff;border-left-color:#4f46e5}:where([data-surface=office]) .sidebar-session,:where([data-surface=office]) .version-card{border-color:var(--line);background:var(--bg);color:var(--ink)}:where([data-surface=office]) .sidebar-session strong,:where([data-surface=office]) .version-card strong{color:var(--ink)}:where([data-surface=office]) .sidebar-session .session-label,:where([data-surface=office]) .sidebar-session small,:where([data-surface=office]) .version-card span{color:var(--muted)}.office-shell{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-body), Inter, sans-serif}.office-nav{inset:var(--app-feedback-bar-height,0px) auto 0 0;z-index:20;border-right:1px solid var(--line);background:#fff;width:220px;position:fixed;overflow-y:auto}.office-nav>.sidebar{border:0;width:100%;height:auto;min-height:100%;position:static;overflow:visible}.office-nav .nav{grid-template-columns:minmax(0,1fr)}.office-main{min-width:0;margin-left:220px;padding:32px}.office-menu-toggle{border:1px solid var(--line);min-height:40px;color:var(--ink);font:inherit;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:13px;display:none}.app-shell[data-surface=office]{grid-template-columns:220px minmax(0,1fr)}.app-shell[data-surface=office]>.workspace{min-width:0;padding:32px}.office-page-header.office-page-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:0;padding:0 0 24px;display:flex}.office-page-header--solo.office-page-header--solo{margin-bottom:24px}.office-page-header__titles{min-width:0}.office-page-header.office-page-header>:first-child>a:first-child{width:fit-content;min-height:0;color:var(--muted);align-items:center;gap:6px;margin:0 0 10px;font-size:12px;font-weight:400;text-decoration:none;display:flex}.office-page-header.office-page-header>:first-child>a:first-child:hover{color:var(--ink)}.office-page-header.office-page-header h1{color:var(--ink);font-family:var(--font-body), Inter, sans-serif;letter-spacing:-.025em;margin:0 0 8px;font-size:30px;font-weight:650;line-height:1.1}.office-page-header.office-page-header>:first-child>p{max-width:760px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.office-page-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.office-page-context.office-page-context{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:20px 0 24px;font-size:12px;display:flex}.office-page-context>*{align-items:center;gap:7px;display:flex}.office-search{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:7px;align-items:center;gap:9px;padding:0 12px;display:flex}.office-search input{width:210px;min-width:0;height:40px;font:inherit;background:0 0;border:0;outline:none;font-size:13px}.office-search:focus-within{outline-offset:2px;outline:2px solid #6366f1}@media (min-width:1600px){.office-main,.app-shell[data-surface=office]>.workspace{padding:40px}}@media (max-width:1199px){.office-nav-frame{top:var(--app-feedback-bar-height,0px);z-index:20;background:var(--bg);min-height:58px;position:sticky}.office-nav{display:none}.office-nav[data-open=true]{top:calc(var(--app-feedback-bar-height,0px) + 58px);display:block;box-shadow:10px 5px 30px #15233b20}.office-main{margin-left:0;padding:24px}.app-shell[data-surface=office]{grid-template-columns:minmax(0,1fr)}.app-shell[data-surface=office]>.workspace{padding:24px}.office-menu-toggle{margin:14px 24px 0;display:inline-flex}.office-page-header.office-page-header{gap:16px}}@media (max-width:767px){.office-main,.app-shell[data-surface=office]>.workspace{padding:20px 14px}.office-menu-toggle{min-height:44px;margin:14px 14px 0}.office-nav[data-open=true]{width:min(300px,100vw - 24px)}.office-page-header.office-page-header{flex-direction:column;align-items:stretch;gap:18px;padding-bottom:18px}.office-page-header.office-page-header h1{font-size:28px}.office-page-header__actions{justify-content:flex-start}.office-page-context.office-page-context{gap:8px;margin:16px 0;font-size:11px}.office-search{flex:1;min-width:0}.office-search input{width:100%}}@media (forced-colors:active){:where([data-surface=office]) .nav a.active,:where([data-surface=office]) .nav button.active{outline-offset:-2px;outline:2px solid canvastext}:where([data-surface=office]) :is(.field input,.field select,.field textarea):focus-visible{outline:2px solid canvastext}}.sidebar .nav .nav-section-toggle{text-align:left;border-radius:7px;gap:9px;width:100%;min-height:44px;font-weight:650}.nav-section-toggle span{flex:1}.nav-section-chevron{flex-shrink:0;transition:transform .2s}.nav-accordion[data-expanded=true] .nav-section-chevron{transform:rotate(90deg)}.sidebar .nav-section-panel{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .18s,visibility .22s;display:grid}.sidebar .nav-accordion[data-expanded=true] .nav-section-panel{opacity:1;visibility:visible;grid-template-rows:1fr}.nav-section-content{gap:4px;min-height:0;padding-left:14px;display:grid;overflow:hidden}.sidebar .nav .nav-section-content :is(a,button){height:auto;min-height:44px}.nav-section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-accordion:has(.active)>.nav-section-toggle{box-shadow:inset 3px 0 var(--accent)}@media (prefers-reduced-motion:reduce){.sidebar .nav-section-panel,.nav-section-chevron{transition:none}}