:root{--surface-page:#f4f7fb;--surface-panel:#ffffff;--surface-muted:#eef3f8;--surface-raised:#f9fbfd;--text-primary:#172033;--text-secondary:#48566b;--text-muted:#68778d;--action-primary:#1367d1;--action-hover:#0b51aa;--border-default:#d5deea;--border-strong:#a9b8cb;--focus-ring:#f59e0b;--status-success:#117a4b;--status-warning:#9a5b00;--status-danger:#b42318;--brand-primary:#1367d1;--brand-secondary:#7c3aed;--brand-accent:#f59e0b;--shadow-panel:0 8px 30px rgb(30 55 90/8%);--radius-control:7px;--radius-panel:13px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--font-sans:Arial,Helvetica,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}:root[data-theme=dark]{--surface-page:#0d1420;--surface-panel:#151f2e;--surface-muted:#1b293a;--surface-raised:#1c2736;--text-primary:#f3f7fb;--text-secondary:#c4cfdd;--text-muted:#9eacbd;--action-primary:#72adff;--action-hover:#a1c8ff;--border-default:#33445a;--border-strong:#53657a;--focus-ring:#fbbf24;--status-success:#72d6a5;--status-warning:#f7c66b;--status-danger:#ff9b91;--shadow-panel:0 8px 30px rgb(0 0 0/28%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-page:#0d1420;--surface-panel:#151f2e;--surface-muted:#1b293a;--surface-raised:#1c2736;--text-primary:#f3f7fb;--text-secondary:#c4cfdd;--text-muted:#9eacbd;--action-primary:#72adff;--action-hover:#a1c8ff;--border-default:#33445a;--border-strong:#53657a;--focus-ring:#fbbf24;--status-success:#72d6a5;--status-warning:#f7c66b;--status-danger:#ff9b91;--shadow-panel:0 8px 30px rgb(0 0 0/28%)}}*{box-sizing:border-box;padding:0;margin:0}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;color:var(--text-primary);background:var(--surface-page);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--action-primary);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--action-hover)}button,input,select,textarea{font:inherit;border-radius:var(--radius-control)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.65rem 1rem;background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-control);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:50;min-height:4.25rem;gap:var(--space-5);padding:.65rem clamp(1rem,3vw,2rem);background:color-mix(in srgb,var(--surface-panel) 94%,transparent);border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-brand,.app-header{display:flex;align-items:center}.app-brand{gap:.65rem;color:var(--text-primary);text-decoration:none;white-space:nowrap}.app-brand>span{width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:9px;color:white;background:linear-gradient(140deg,var(--brand-primary),var(--brand-secondary));font-weight:800}.app-brand>img{width:clamp(8rem,12vw,10.5rem);height:2.6rem;display:block;object-fit:contain;object-position:left center}.quick-add{position:relative}.quick-add summary{cursor:pointer;padding:.45rem .7rem;border:1px solid var(--border-default);border-radius:var(--radius-control);font-weight:700;color:var(--action-primary);list-style:none}.quick-add summary::-webkit-details-marker{display:none}.quick-add>div{position:absolute;z-index:100;top:calc(100% + .4rem);left:0;min-width:13rem;display:grid;padding:.4rem;background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-control);box-shadow:var(--shadow-panel)}.quick-add a{padding:.5rem .65rem;text-decoration:none;border-radius:5px}.quick-add a:hover{background:var(--surface-muted)}.tenant-context{min-width:0;display:flex;flex-direction:column;margin-left:auto;text-align:right}.tenant-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-context span,.theme-control span{color:var(--text-muted);font-size:.78rem}.theme-control{display:flex;align-items:center;gap:.5rem}.theme-control select{padding:.4rem 1.7rem .4rem .55rem;color:var(--text-primary);background:var(--surface-panel);border:1px solid var(--border-default)}.app-frame{display:grid;grid-template-columns:14rem minmax(0,1fr);min-height:calc(100vh - 4.25rem)}.primary-nav{position:sticky;top:4.25rem;height:calc(100vh - 4.25rem);display:flex;flex-direction:column;gap:.22rem;padding:1.15rem .8rem;background:var(--surface-panel);border-right:1px solid var(--border-default);overflow-y:auto}.primary-nav a{padding:.58rem .72rem;border-radius:var(--radius-control);color:var(--text-secondary);text-decoration:none;font-weight:600}.primary-nav a:hover{color:var(--text-primary);background:var(--surface-muted)}.nav-spacer{flex:1 1}.app-content{width:100%;min-width:0;padding:clamp(1rem,3vw,2.25rem)}.subnav{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;padding:.55rem;border:1px solid var(--border-default);border-radius:var(--radius-panel);background:var(--surface-panel)}.subnav a{padding:.45rem .7rem;border-radius:var(--radius-control);text-decoration:none}.subnav a:hover{background:var(--surface-muted)}@media (max-width:780px){.app-header{position:static;flex-wrap:wrap;gap:.6rem 1rem}.tenant-context{order:3;width:100%;margin-left:0;text-align:left}.theme-control{margin-left:auto}.app-frame{display:block}.primary-nav{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border-default)}.primary-nav a{white-space:nowrap}.nav-spacer{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}