@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap";:root{--sky:#7fd6f2;--snow:#fff;--mountain:#0f8a43;--pine:#14622f;--sign:#ffd400;--cartman:#e03127;--kenny:#f2801f;--kyle:#55be3b;--stan:#3f4ca0;--dirt:#7b4a1e;--ink:#000;--mountain-text:#0c7038;--kenny-text:#a8540c;--sign-text:#7d5a00;--bg-page:var(--sky);--bg-card:var(--snow);--bg-sunken:#eef4f7;--bg-card-hover:#f7fbfd;--border-color:var(--ink);--border-highlight:var(--stan);--primary:var(--mountain-text);--secondary:var(--stan);--accent:var(--kenny);--success:var(--mountain-text);--success-bg:#d6f0e0;--warning:var(--sign-text);--warning-bg:var(--sign);--danger:var(--cartman);--danger-bg:#fbdad8;--text-main:#101010;--text-muted:#4a4a4a;--text-dim:#6e6e6e;--text-on-fill:var(--snow);--font-heading:"Outfit", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-flat:4px 4px 0 var(--ink);--shadow-flat-sm:2px 2px 0 var(--ink);--shadow-flat-lg:6px 6px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);background-image:linear-gradient(var(--sky) 0%, var(--sky) 55%, var(--mountain) 55%, var(--mountain) 100%);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}.glass-panel,.panel{background:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-flat);color:var(--text-main);transition:transform .12s,box-shadow .12s}.glass-panel:hover,.panel:hover{box-shadow:var(--shadow-flat-lg);transform:translate(-1px,-1px)}.glass-panel-glow{background:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-flat-lg);color:var(--text-main)}.gradient-text{color:var(--cartman)}.badge{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.badge-cyan{background:var(--sky);color:var(--ink)}.badge-violet{color:var(--ink);background:#c084fc}.badge-emerald{background:var(--kyle);color:var(--ink)}.badge-amber{background:var(--sign);color:var(--ink)}.badge-rose{background:var(--cartman);color:var(--snow)}.btn-primary{background:var(--mountain-text);color:var(--snow);border:3px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-flat-sm);align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-flat);transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:none;transform:translate(1px,1px)}.btn-secondary{background:var(--snow);color:var(--text-main);border:3px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-flat-sm);align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-flat);transform:translate(-1px,-1px)}.btn-secondary:active{box-shadow:none;transform:translate(1px,1px)}input,textarea,select,.input-dark{font-family:var(--font-body);background:var(--snow);color:var(--text-main);border:2px solid var(--ink);border-radius:var(--radius-sm);width:100%;padding:10px 14px}input:focus,textarea:focus,select:focus,.input-dark:focus{outline:3px solid var(--stan);outline-offset:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.navbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--text-main);white-space:nowrap;font-size:.9rem;font-weight:700;text-decoration:none}.nav-actions{align-items:center;gap:12px;display:flex}.nav-toggle{display:none}@media (width<=900px){.navbar{flex-wrap:wrap}.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.navbar .nav-links,.navbar .nav-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:none}.navbar.open .nav-links,.navbar.open .nav-actions{display:flex}.nav-actions .btn-primary,.nav-actions .btn-secondary{justify-content:center;width:100%}}@media (width<=768px){.navbar{padding:12px 16px}.responsive-grid-2,.responsive-kanban-grid,.responsive-sidebar-grid{grid-template-columns:1fr!important}}
