:root{--bg-canvas:#242424;--bg-surface:#353535;--bg-surface-elevated:#3e3e3e;--bg-surface-active:#474747;--bg-card-contrast:#2c2c2c;--text-primary:#f5f5f5;--text-secondary:#b8b8b8;--text-muted:#888;--text-inverse:#050505;--accent-primary:#ef3340;--accent-dark:#c92835;--accent-light:#ff4a57;--accent-surface:#ef334026;--color-border:#050505;--border-thick:4px solid var(--color-border);--border-medium:3px solid var(--color-border);--border-thin:2px solid var(--color-border);--shadow-card:6px 6px 0 var(--color-border);--shadow-card-hover:4px 4px 0 var(--color-border);--shadow-button:4px 4px 0 var(--color-border);--shadow-button-hover:2px 2px 0 var(--color-border);--shadow-button-active:0px 0px 0 var(--color-border);--shadow-heavy:8px 8px 0 var(--color-border);--shadow-badge:2px 2px 0 var(--color-border);--status-success:#10b981;--status-success-bg:#10b9812e;--status-warning:#f59e0b;--status-warning-bg:#f59e0b2e;--status-info:#3b82f6;--font-display:"Baloo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-pill:9999px;--anim-tactile:transform .15s cubic-bezier(.2, .8, .2, 1), box-shadow .15s cubic-bezier(.2, .8, .2, 1), background-color .15s ease, border-color .15s ease}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-canvas);border-left:2px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border:2px solid var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);word-break:break-word;font-weight:800;line-height:1.15}.text-hero{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.05}.text-section{letter-spacing:.03em;text-transform:uppercase;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800}.text-card-title{font-size:1.25rem;font-weight:700;line-height:1.2}.text-sub{color:var(--text-secondary);font-size:.95rem;font-weight:500}.text-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.btn-brutalist{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background-color:var(--bg-surface);color:var(--text-primary);border:var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-button);transition:var(--anim-tactile);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-brutalist:hover{box-shadow:var(--shadow-button-hover);transform:translate(2px,2px)}.btn-brutalist:active{box-shadow:var(--shadow-button-active);transform:translate(4px,4px)}.btn-brutalist.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-brutalist.btn-primary:hover{background-color:var(--accent-light)}.btn-brutalist.btn-primary:active{background-color:var(--accent-dark)}.btn-brutalist.btn-surface{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.btn-brutalist.btn-surface:hover{background-color:#4a4a4a}.btn-brutalist.btn-outline{color:var(--text-primary);background-color:#0000}.btn-brutalist.btn-outline:hover{background-color:var(--bg-surface)}.btn-brutalist.btn-full{width:100%}.btn-brutalist.btn-sm{box-shadow:2px 2px 0 var(--color-border);border-width:2.5px;min-height:36px;padding:.45rem .85rem;font-size:.85rem}.btn-brutalist.btn-sm:hover{box-shadow:1px 1px 0 var(--color-border);transform:translate(1px,1px)}.btn-brutalist.btn-sm:active{box-shadow:0 0 0 var(--color-border);transform:translate(2px,2px)}.btn-icon-brutalist:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-border)!important}.btn-icon-brutalist:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-border)!important}.nav-item-btn:hover:not(.active){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-border)!important;background-color:var(--bg-surface-active)!important}.card-brutalist{background-color:var(--bg-surface);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--anim-tactile);word-break:break-word;padding:1.5rem;position:relative}.card-brutalist-interactive:hover{box-shadow:var(--shadow-card-hover);transform:translate(2px,2px)}.badge-status{border:var(--border-thin);border-radius:var(--radius-pill);box-shadow:var(--shadow-badge);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-status.badge-ai-ready{border-color:var(--color-border);color:#34d399;background-color:#1a281f}.badge-status .status-dot{background-color:var(--status-success);border-radius:50%;width:8px;height:8px;animation:2.5s infinite pulse-dot;box-shadow:0 0 0 2px #10b9814d}@keyframes pulse-dot{0%{opacity:.9;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.9;transform:scale(.95)}}@media (width>=769px){.mobile-bottom-nav{display:none!important}.desktop-sidebar{display:flex!important}}@media (width<=768px){.desktop-sidebar{display:none!important}.mobile-bottom-nav,.mobile-only-brand{display:flex!important}.desktop-greeting{display:none!important}.main-content-wrapper{padding:.85rem 1rem 5.5rem!important}.card-brutalist{padding:1.15rem;box-shadow:4px 4px 0 var(--color-border)!important;border-width:3px!important}.stat-grid,.quick-actions-grid{grid-template-columns:1fr!important}}@media (width<=480px){.main-content-wrapper{padding:.65rem .75rem 5.25rem!important}.badge-status{padding:.25rem .5rem;font-size:.68rem}}