.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#102f29;color:#eaf2ee;display:flex;flex-direction:column;z-index:50}
.sidebar-head{padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--color-accent);color:#18251f;display:grid;place-items:center;font-family:Manrope;font-weight:800}
.brand strong{display:block;font:800 17px Manrope;letter-spacing:.04em}
.brand small{display:block;color:#aebeb7;font-size:10px;margin-top:1px}
.side-nav{padding:18px 12px;overflow:auto}
.nav-label{margin:8px 10px;color:#8ea49b;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.nav-gap{margin-top:24px}
.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:#cdd9d4;font-size:14px;margin:2px 0}
.side-nav a span{width:18px;text-align:center;opacity:.85}
.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.09);color:#fff}
.side-nav a.active{box-shadow:inset 3px 0 var(--color-accent)}
.sidebar-foot{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);color:#81968e;font-size:11px}
.sidebar-close,.hamburger,.backdrop{display:none}
.main-shell{margin-left:var(--sidebar);min-width:0}
.topbar{height:64px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--color-background) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:18px;padding:0 clamp(18px,3vw,42px)}
.breadcrumbs{font-size:13px;color:var(--color-muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumbs strong{color:var(--color-text)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.search-trigger{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;padding:7px 10px;color:var(--color-muted);display:flex;gap:8px;align-items:center}
.search-trigger kbd{font-size:10px;border:1px solid var(--color-border);padding:1px 5px;border-radius:4px}
.top-cta{background:var(--color-primary);color:#fff;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:700}
main{max-width:var(--content-max);margin:auto;padding:38px clamp(18px,3vw,42px) 64px}
.footer{max-width:var(--content-max);margin:auto;padding:48px clamp(18px,3vw,42px) 30px;border-top:1px solid var(--color-border);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;font-size:13px;color:var(--color-muted)}
.footer>div{display:flex;flex-direction:column;gap:7px}
.footer h3{font-size:13px;color:var(--color-text);margin-bottom:5px}
.footer-brand{font:800 20px Manrope;color:var(--color-primary)}
.footer-bottom{grid-column:1/-1;border-top:1px solid var(--color-border);padding-top:18px;margin-top:12px}