:root{--color-background:#f4f2ed;--color-surface:#fff;--color-surface-subtle:#f8f7f3;--color-surface-accent:#e8f0ed;--color-border:#d9ddd8;--color-border-strong:#c4cbc5;--color-text:#20312d;--color-text-secondary:#62706c;--color-accent:#2f705e;--color-accent-strong:#245849;--color-success:#2f705e;--color-attention:#9b632b;--color-attention-soft:#fff2dc;--color-danger:#a34848;--color-focus:#1f6655;--shadow-menu:0 16px 36px #20312d24;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-small:.5rem;--radius-medium:.75rem;--radius-large:1rem;--sidebar-width:13.75rem;--content-max-width:86rem;--touch-target:2.75rem}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px}body{min-height:100dvh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,p{margin-top:0}.skip-link{top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-3) var(--space-4);color:var(--color-surface);background:var(--color-accent-strong);border-radius:var(--radius-small);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.app-sidebar{scrollbar-gutter:stable;height:100dvh;padding:var(--space-6) var(--space-4);color:#eaf1ee;background:#1f3932;border-right:1px solid #ffffff14;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.brand-link,.mobile-brand-link{gap:var(--space-3);min-height:var(--touch-target);align-items:center;display:inline-flex}.brand-link{padding:0 var(--space-2) var(--space-6)}.brand-mark{color:#173c32;border-radius:var(--radius-small);letter-spacing:.06em;background:#dfece7;place-items:center;width:2.25rem;height:2.25rem;font-size:.76rem;font-weight:800;display:inline-grid}.brand-link strong,.mobile-brand-link strong{letter-spacing:-.02em;font-size:1rem;display:block}.brand-link small,.mobile-brand-link small{color:#afc3bc;margin-top:.1rem;font-size:.72rem;display:block}.desktop-navigation{flex-direction:column;flex:1;min-height:0;display:flex}.navigation-list{gap:var(--space-1);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.navigation-secondary-item{padding-top:var(--space-4);border-top:1px solid #ffffff1a;margin-top:auto}.navigation-link,.new-profile-link,.logout-button{min-height:var(--touch-target);border-radius:var(--radius-small);align-items:center;font-size:.9rem;font-weight:650;display:flex}.navigation-link{padding:var(--space-2) var(--space-3);color:#c7d6d1;border:1px solid #0000}.navigation-link[aria-current=page]{color:#fff;background:#ffffff1a;border-color:#ffffff1a}.new-profile-link{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);color:#173c32;background:#dfece7;justify-content:center}.new-profile-link span{font-size:1.25rem;font-weight:500;line-height:1}.navigation-user{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-2) 0;color:#eaf1ee;border-top:1px solid #ffffff1a;gap:.15rem;font-size:.75rem;line-height:1.4;display:grid}.navigation-user strong{overflow-wrap:anywhere;font-size:.78rem}.navigation-user span{color:#afc3bc}.account-security-link{width:fit-content;margin-top:var(--space-1);color:#c7d6d1;text-underline-offset:.18em;font-size:.72rem;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.account-security-link[aria-current=page]{color:#fff}.logout-form{margin:var(--space-2) 0 0}.logout-error{margin:var(--space-2) 0 0;color:#ffd9d2;font-size:.75rem;line-height:1.4}.logout-button{width:100%;padding:var(--space-2) var(--space-3);color:#c7d6d1;cursor:pointer;background:0 0;border:1px solid #ffffff29;justify-content:center}.sidebar-footer{gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) var(--space-2) 0;color:#afc3bc;border-top:1px solid #ffffff1a;align-items:center;font-size:.75rem;display:flex}.sidebar-status-dot,.environment-context span{background:#89bea9;border-radius:50%;width:.45rem;height:.45rem}.app-workspace{min-width:0}.global-header{z-index:20;align-items:center;gap:var(--space-4);min-height:4rem;padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:#f4f2edf5;justify-content:flex-end;display:flex;position:sticky;top:0}.mobile-brand-link,.mobile-navigation,.mobile-search-button{display:none}.global-header-actions{gap:var(--space-2);align-items:center;display:flex}.global-search{flex:1;align-items:center;max-width:34rem;margin-right:auto;display:flex}.global-search-box{width:100%;min-width:0;position:relative}.global-search-box input{width:100%;min-height:var(--touch-target);padding:var(--space-2) 3.15rem var(--space-2) 2.7rem;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);font-size:.86rem}.global-search-box input::placeholder{color:#7a8581;opacity:1}.global-search-box input::-webkit-search-cancel-button{display:none}.global-search-box input:focus-visible{border-color:var(--color-accent);outline-offset:1px;outline:3px solid #2f705e2e}.global-search-icon{left:var(--space-4);z-index:1;color:var(--color-accent);font-size:1.15rem;line-height:1;position:absolute}.global-search-clear{z-index:2;width:var(--touch-target);min-height:var(--touch-target);color:var(--color-text-secondary);border-radius:var(--radius-medium);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:inline-flex;position:absolute;top:0;right:0}.global-search-clear:hover{color:var(--color-text);background:var(--color-surface-subtle)}.global-search-clear:focus-visible{outline-offset:-3px;outline:3px solid #2f705e2e}.global-search-results-panel{top:calc(100% + var(--space-2));z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-large);position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 1rem 2.5rem #192d2829}.global-search-result-list{max-height:min(24rem,55vh);padding:var(--space-2);margin:0;overflow-y:auto}.global-search-results-panel [role=option]{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);color:var(--color-text);border-radius:var(--radius-small);justify-content:stretch;gap:.12rem;text-decoration:none;display:grid}.global-search-result-list [role=option]+[role=option]{border-top:1px solid var(--color-border)}.global-search-results-panel [role=option][aria-selected=true]{background:var(--color-surface-accent);outline:1px solid #c8ddd5}.global-search-results-panel strong{font-size:.8rem}.global-search-results-panel span,.global-search-results-panel small{color:var(--color-text-secondary);font-size:.68rem;line-height:1.35}.global-search-message{padding:var(--space-4);color:var(--color-text-secondary);margin:0;font-size:.76rem}.global-search-all-link{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);color:var(--color-accent-strong);background:var(--color-surface-subtle);border-top:1px solid var(--color-border);justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.environment-context{gap:var(--space-2);color:var(--color-text-secondary);align-items:center;margin:0;font-size:.78rem;font-weight:650;display:flex}.demo-environment-notice{gap:var(--space-3);max-width:calc(var(--content-max-width) - (var(--space-8) * 2));min-height:2.75rem;margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-4);color:#69441f;background:var(--color-attention-soft);border-radius:var(--radius-medium);border:1px solid #e8cfaa;align-items:center;font-size:.82rem;display:flex}.demo-environment-notice strong{flex:none}.app-main{width:100%;max-width:var(--content-max-width);padding:var(--space-8) var(--space-8) var(--space-12);margin:0 auto}.page-header{gap:var(--space-6);margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.page-header>div{max-width:48rem}.page-eyebrow,.empty-state-kicker,.preview-panel-index{margin-bottom:var(--space-2);color:var(--color-accent);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:800}.page-header h1{margin-bottom:var(--space-3);letter-spacing:-.045em;font-size:clamp(2rem,3.5vw,2.65rem);font-weight:720;line-height:1.05}.page-description{color:var(--color-text-secondary);margin-bottom:0;font-size:1rem;line-height:1.65}.status-badge{min-height:1.75rem;padding:.25rem var(--space-3);color:var(--color-accent-strong);background:var(--color-surface-accent);border:1px solid #c8ddd5;border-radius:999px;flex:none;align-items:center;font-size:.74rem;font-weight:750;display:inline-flex}.dashboard-preview-grid{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.preview-panel,.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large)}.preview-panel{min-height:11.5rem;padding:var(--space-5);grid-column:span 2}.preview-panel:nth-child(-n+2){grid-column:span 3}.preview-panel h2,.empty-state h2{margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:1.15rem}.preview-panel>p:not(.preview-panel-index),.empty-state>p:not(.empty-state-kicker){color:var(--color-text-secondary);line-height:1.6}.preview-panel .status-badge{margin-top:var(--space-4)}.prototype-note{margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:.8rem}.empty-state{min-height:17rem;padding:var(--space-8);text-align:center;place-content:center;display:grid}.empty-state>p:not(.empty-state-kicker){max-width:36rem;margin-bottom:0}@media (hover:hover){.navigation-link:hover{color:#fff;background:#ffffff0f}.new-profile-link:hover{background:#eff7f4}.logout-button:hover{color:#fff;background:#ffffff0f}}@media (max-width:1100px){.app-shell{display:block}.app-sidebar{display:none}.global-header{min-height:4rem;padding:0 var(--space-6);justify-content:space-between}.mobile-brand-link,.mobile-navigation{display:flex}.global-search{display:none}.mobile-search-button{width:var(--touch-target);min-height:var(--touch-target);color:var(--color-accent-strong);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);place-items:center;padding:0;font-size:1.15rem;display:inline-grid}.mobile-global-search-dialog{z-index:100;gap:var(--space-4);padding:var(--space-4);background:var(--color-background);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.mobile-global-search-dialog>header{min-height:var(--touch-target);justify-content:space-between;align-items:center;display:flex}.mobile-global-search-dialog>header button{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);color:var(--color-accent-strong);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);font:inherit;font-size:.75rem;font-weight:750}.mobile-global-search-dialog .global-search-box{align-self:start}.mobile-global-search-dialog .global-search-results-panel{top:calc(100% + var(--space-2));max-width:100%}.environment-context{display:none}.mobile-navigation{align-items:center;position:relative}.mobile-menu-button{gap:var(--space-2);min-width:5.25rem;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);cursor:pointer;justify-content:center;align-items:center;font-size:.84rem;font-weight:700;display:inline-flex}.menu-icon{text-align:center;width:1rem;font-size:1rem;line-height:1}.mobile-menu-panel{top:calc(100% + var(--space-2));width:min(20rem, calc(100vw - (var(--space-4) * 2)));max-height:calc(100dvh - 5rem);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-menu);position:absolute;right:0;overflow-y:auto}.mobile-menu-panel .navigation-list{flex:none}.mobile-menu-panel .navigation-secondary-item{margin-top:var(--space-3);border-top-color:var(--color-border)}.mobile-menu-panel .navigation-link{color:var(--color-text-secondary)}.mobile-menu-panel .navigation-link[aria-current=page]{color:var(--color-accent-strong);background:var(--color-surface-accent);border-color:#c8ddd5}.mobile-menu-panel .new-profile-link{margin-top:var(--space-3);color:#fff;background:var(--color-accent)}.mobile-menu-panel .navigation-user{color:var(--color-text);border-top-color:var(--color-border)}.mobile-menu-panel .navigation-user span{color:var(--color-text-secondary)}.mobile-menu-panel .account-security-link{min-height:var(--touch-target);color:var(--color-accent-strong);align-items:center}.mobile-menu-panel .logout-button{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.demo-environment-notice{max-width:calc(100% - (var(--space-6) * 2))}.dashboard-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-panel,.preview-panel:nth-child(-n+2){grid-column:auto}.preview-panel:last-child{grid-column:1/-1}}@media (max-width:760px){.global-header{padding:0 var(--space-4)}.mobile-brand-link small{display:none}.demo-environment-notice{max-width:calc(100% - (var(--space-4) * 2));margin-top:var(--space-4);align-items:flex-start;line-height:1.45}.app-main{padding:var(--space-8) var(--space-4) var(--space-10)}.page-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column}.page-header h1{font-size:clamp(1.9rem,10vw,2.5rem)}.dashboard-preview-grid{grid-template-columns:1fr}.preview-panel,.preview-panel:last-child{grid-column:auto;min-height:auto}.empty-state{min-height:15rem;padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.app-main:has(>.network-page){max-width:none;padding:var(--space-5) var(--space-6) var(--space-10)}.network-page>.page-header{margin-bottom:var(--space-4)}.network-page>.page-header h1{margin-bottom:var(--space-2);font-size:clamp(1.8rem,2.6vw,2.35rem)}.network-page>.page-header .page-description{max-width:65rem;font-size:.9rem;line-height:1.45}@media (max-width:760px){.app-main:has(>.network-page){padding:var(--space-4) var(--space-4) var(--space-8)}}