:root{--color-background:#ffffff;--color-foreground:#0a0a0a;--color-primary:#1a56db;--color-primary-hover:#1e429f;--color-muted:#6b7280;--color-border:#e5e7eb;--color-error:#dc2626;--color-surface:#f9fafb;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:6px;--sidebar-width:240px;--sidebar-mini-width:52px;--topbar-height:56px}[data-theme=dark]{--color-background:#0a0a0a;--color-foreground:#ededed;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-muted:#9ca3af;--color-border:#1f2937;--color-error:#f87171;--color-surface:#111827}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);line-height:1.5;min-height:100dvh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.shell{display:flex;min-height:100dvh}.shell-sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100dvh;z-index:100;overflow:hidden;transition:width .22s ease,transform .2s ease}.shell-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:var(--topbar-height);border-bottom:1px solid var(--color-border);flex-shrink:0}.shell-logo{font-size:1.125rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.shell-close-btn{background:none;border:none;color:var(--color-muted);padding:.25rem;display:none;align-items:center;justify-content:center}.shell-nav{flex:1 1;display:flex;flex-direction:column;padding:.75rem .5rem;gap:.125rem;overflow-y:auto}.shell-nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius);color:var(--color-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .12s ease,color .12s ease}.shell-nav-item:hover{background-color:var(--color-border);color:var(--color-foreground);text-decoration:none}.shell-nav-item.active{background-color:var(--color-primary);color:#ffffff}.shell-nav-item.active:hover{background-color:var(--color-primary-hover);color:#ffffff}.shell-nav-icon{display:flex;align-items:center;flex-shrink:0}.shell-section-label{font-size:.68rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.07em;padding:0 .75rem .375rem}.shell-sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--color-border)}.shell-logout-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:var(--radius);color:var(--color-muted);font-size:.875rem;font-weight:500;text-align:left;transition:background-color .12s ease,color .12s ease}.shell-logout-btn:hover{background-color:var(--color-border);color:var(--color-error)}.shell-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}.shell-body{flex:1 1;display:flex;flex-direction:column;min-height:100dvh;min-width:0;margin-left:var(--sidebar-width)}.shell-topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 1rem;gap:.75rem;background:var(--color-background);position:-webkit-sticky;position:sticky;top:0;z-index:50}.shell-hamburger{background:none;border:none;color:var(--color-foreground);padding:.375rem;display:none;align-items:center;justify-content:center;border-radius:var(--radius)}.shell-hamburger:hover{background-color:var(--color-border)}.shell-logo-topbar{display:none;align-items:center;gap:.375rem}.shell-content{flex:1 1;padding:1.5rem;min-width:0;overflow-x:hidden}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.375rem .5rem;color:var(--color-foreground);display:flex;align-items:center;justify-content:center;transition:background-color .12s ease}.theme-toggle:hover{background-color:var(--color-border)}.shell-body{transition:margin-left .22s ease}.shell.sidebar-collapsed .shell-sidebar{width:var(--sidebar-mini-width)}.shell.sidebar-collapsed .shell-body{margin-left:var(--sidebar-mini-width)}.shell.sidebar-collapsed .shell-logo,.shell.sidebar-collapsed .shell-nav-label,.shell.sidebar-collapsed .shell-section-label{display:none}.shell.sidebar-collapsed .shell-sidebar-header{justify-content:center;padding:0}.shell.sidebar-collapsed .shell-nav-item{justify-content:center;padding:.5rem}.shell.sidebar-collapsed .shell-logout-text,.shell.sidebar-collapsed .shell-made-with,.shell.sidebar-collapsed .shell-profile-text{display:none}.shell.sidebar-collapsed .shell-profile-link{justify-content:center;padding:.375rem}.shell.sidebar-collapsed .shell-logout-btn{justify-content:center;padding:.5rem}.shell-desktop-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-muted);padding:.375rem;border-radius:var(--radius);transition:background-color .12s,color .12s}.shell-desktop-toggle:hover{color:var(--color-foreground)}.shell-desktop-toggle:hover,.shell-profile-link:hover{background-color:var(--color-border)}.shell-wa-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;width:52px;height:52px;border-radius:50%;background-color:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 16px rgba(37,211,102,.45);transition:transform .15s ease,box-shadow .15s ease}.shell-wa-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(37,211,102,.6)}@media (max-width:768px){.shell-sidebar{transform:translateX(-100%)}.shell-sidebar.open{transform:translateX(0)}.shell-close-btn{display:flex}.shell-body{margin-left:0!important;transition:none}.shell.sidebar-collapsed .shell-sidebar{width:var(--sidebar-width);transform:translateX(-100%)}.shell.sidebar-collapsed .shell-body{margin-left:0}.shell-hamburger{display:flex}.shell-desktop-toggle{display:none}.shell-logo-topbar{display:flex}.shell-content{padding:1rem}.shell-wa-fab{bottom:1rem;right:1rem;width:46px;height:46px}}