.app-layout{background:var(--canvas);min-height:100vh;font-family:var(--font-body);color:var(--ink);display:flex;position:relative}.app-main{flex:1;min-width:0;padding:44px 48px}.app-sidebar{background:var(--surface-soft);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;gap:2px;width:240px;padding:24px 16px;display:flex}.app-sidebar-brand{align-items:center;gap:10px;padding:4px 10px 24px;display:flex}.app-brand-ring{background:var(--primary);border:none;border-radius:8px;flex-shrink:0;width:24px;height:24px}.app-sidebar-brand-name{font-family:var(--font-display);letter-spacing:-.4px;color:var(--ink);font-size:15.5px;font-weight:600;line-height:1}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav-link{font-family:var(--font-body);color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.app-nav-link:before{content:"";background:0 0;border-radius:2px;flex-shrink:0;width:3px;height:14px}.app-nav-group{flex-direction:column;gap:2px;display:flex}.app-nav-group-toggle{width:100%;font-family:var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px 9px 25px;font-size:13.5px;font-weight:500;display:flex;position:relative}.app-nav-group-toggle:before{content:"";background:0 0;border-radius:2px;width:3px;height:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.app-nav-group-toggle:hover{color:var(--ink);background:var(--surface-card)}.app-nav-group-toggle.open{color:var(--ink);background:var(--surface-card);font-weight:600}.app-nav-group-toggle.open:before{background:var(--accent)}.app-nav-group-chevron{font-family:var(--font-body);font-size:13px;transition:transform .15s}.app-nav-group-toggle.open .app-nav-group-chevron{transform:rotate(90deg)}.app-nav-subgroup{border-left:1px solid var(--hairline);flex-direction:column;gap:2px;margin-left:24px;padding-left:12px;display:flex}.app-nav-link-sub:before{display:none}.app-nav-link:hover{color:var(--ink);background:var(--surface-card)}.app-nav-link.active{color:var(--ink);background:var(--surface-card);font-weight:600}.app-nav-link.active:before{background:var(--accent)}.app-nav-link.active:hover{color:var(--ink);background:var(--surface-card)}.app-sidebar-account-row{border-top:1px solid var(--hairline);align-items:center;gap:10px;margin-top:auto;margin-bottom:0;padding:14px 8px 0;display:flex}.app-sidebar-avatar{background:var(--primary);width:36px;height:36px;color:var(--on-primary);font-family:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.app-sidebar-account-info{min-width:0}.app-sidebar-account-name{font-family:var(--font-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:600;overflow:hidden}.app-sidebar-account-role{font-family:var(--font-body);color:var(--muted);margin:0;font-size:11.5px}.app-sidebar-theme-toggle{text-align:left;width:100%;margin-top:10px}.app-logout{font-family:var(--font-body);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:8px;padding:8px 10px;font-size:13px}.app-logout:hover{color:var(--accent-ink)}.app-menu-toggle{display:none}@media (width<=720px){.app-layout{flex-direction:column}.app-main{padding:72px 24px 32px}.app-menu-toggle{z-index:40;background:var(--canvas);border:1px solid var(--hairline);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:10px;font-size:18px;display:block;position:fixed;top:16px;right:20px}.app-sidebar{background:var(--surface-soft);border-left:1px solid var(--hairline);z-index:30;box-sizing:border-box;border-right:none;width:240px;height:100vh;transition:transform .2s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.app-sidebar.open{transform:translate(0)}}*{box-sizing:border-box}body{margin:0}:root{--canvas:#fffdfa;--surface-soft:#f8f4ed;--surface-card:#f1ece2;--surface-strong:#e4dccd;--ink:#17221d;--body:#3f4a44;--muted:#75807a;--muted-soft:#9aa39c;--hairline:#e8e1d5;--hairline-soft:#f3efe7;--primary:#1e4b3a;--primary-active:#163829;--on-primary:#fffdfa;--surface-dark:#14201b;--surface-dark-elevated:#1c2a23;--on-dark:#f6f2ea;--on-dark-soft:#a7b3ab;--on-dark-line:#2a3830;--accent:#c2622f;--accent-on:#fffdfa;--accent-soft:#f6e4d8;--accent-ink:#8f441d;--ok:#1e4b3a;--ok-soft:#e2ede6;--warn:#8f441d;--warn-soft:#f6e4d8;--belt-branco:#f2ede2;--belt-amarelo:#e4b93c;--belt-laranja:#d97a2b;--belt-verde:#3e8c5a;--belt-azul:#2f6ba8;--belt-castanho:#7a5230;--belt-preto:#1b1b1b;--color-bg:var(--canvas);--color-surface:var(--canvas);--color-surface-alt:var(--surface-card);--color-ink:var(--ink);--color-ink-soft:var(--muted);--color-line:var(--hairline);--color-line-soft:var(--hairline-soft);--color-danger:#b3402a;--color-accent:var(--accent);--color-accent2:var(--primary-active);--color-on-accent:var(--accent-on);--color-white:var(--on-primary);--color-highlight-bg:var(--surface-card);--shadow-card:none;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:var(--font-body);--font-display:"Bricolage Grotesque", system-ui, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-pill:999px}:root[data-theme=dark]{--canvas:#0f1613;--surface-soft:#131b17;--surface-card:#1a231e;--surface-strong:#2a352e;--ink:#f3efe8;--body:#cbd2ca;--muted:#8e978f;--muted-soft:#78827a;--hairline:#26312a;--hairline-soft:#1c2620;--primary:#8fd3ae;--primary-active:#7cc59e;--on-primary:#0f1613;--surface-dark:#1a231e;--surface-dark-elevated:#222d26;--on-dark:#f3efe8;--on-dark-soft:#a3ada5;--on-dark-line:#2e3a32;--accent:#e08a55;--accent-on:#0f1613;--accent-soft:#2e2019;--accent-ink:#e08a55;--ok:#8fd3ae;--ok-soft:#1d2a23;--warn:#e08a55;--warn-soft:#2e2019;--color-highlight-bg:var(--surface-card)}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);line-height:1.5;transition:background-color .2s,color .2s}.btn-pill{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.btn-pill-sm{border-radius:var(--radius-sm);padding:9px 16px;font-size:13px}.btn-pill-accent{background:var(--primary);color:var(--on-primary)}.btn-pill-accent:hover{background:var(--primary-active)}.btn-pill-ghost{color:#fff;border-radius:var(--radius-pill);background:0 0;border:1px solid #ffffff8c;padding:15px 30px}.theme-toggle-btn{font-family:var(--font-body);color:var(--body);border:1px solid var(--hairline);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 16px;font-size:12.5px;font-weight:500;transition:background .15s}.theme-toggle-btn:hover{background:var(--surface-soft)}