:root{--bg-dark: #050912;--bg-surface: #0b1220;--bg-card: #090e1a;--bg-card-hover: #101a2b;--border-color: #1e293b;--border-active: rgba(56, 189, 248, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-cyan: #38bdf8;--accent-blue: #0284c7;--accent-brand: #f43f5e;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-glow: 0 0 25px rgba(56, 189, 248, .15);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:14px;padding:10px 20px;border-radius:10px;cursor:pointer;transition:var(--transition);border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none;line-height:1.4;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf866;box-shadow:0 4px 14px #0284c759}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 6px 20px #38bdf873;transform:translateY(-1px)}.btn-secondary{background:#0f172acc;color:#f8fafc;border-color:#1e293b}.btn-secondary:hover{background:#1e293b;color:#fff;border-color:#334155}.btn-success{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-color:#10b98166;box-shadow:0 4px 14px #10b98159}.btn-success:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;line-height:1}.badge-complete{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-current{background:#0284c72e;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.badge-tool{background:#1e293b99;color:#94a3b8;border:1px solid #1e293b}.badge-ninja{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.main-layout{display:flex;flex:1;min-height:0;overflow:hidden;width:100%}.sidebar{width:320px;flex-shrink:0;background:#070c16;border-right:1px solid #1e293b;display:flex;flex-direction:column;overflow-y:auto}.workspace{flex:1;overflow-y:auto;background:#050912;padding:32px}.table-container{width:100%;overflow-x:auto;background:#090e1a;border:1px solid #1e293b;border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.data-table th{background:#070a12;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:12px 16px;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:10}.data-table td{padding:12px 16px;border-bottom:1px solid #1e293b;color:#f8fafc;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#1e293b66}.input-field{width:100%;background:#070a12;border:1px solid #1e293b;border-radius:8px;padding:10px 14px;color:#fff;font-size:13px;outline:none;transition:var(--transition)}.input-field:focus{border-color:#38bdf880;box-shadow:0 0 12px #38bdf826}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 1024px){.workspace{padding:20px 16px}.sidebar{width:260px}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-sidebar:not(.mobile-open){display:none!important}.app-sidebar.mobile-open{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;z-index:1000!important;box-shadow:4px 0 30px #000c!important}html,body,#root{overflow:auto;-webkit-overflow-scrolling:touch}.main-layout{flex-direction:column}.workspace{padding:16px 12px;height:auto;min-height:calc(100vh - 64px)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.data-table th,.data-table td{padding:10px 12px;font-size:12px;white-space:nowrap}.btn{min-height:40px;font-size:13px;padding:8px 14px}.grid-responsive-cards,.grid-responsive-2col{grid-template-columns:1fr!important}.grid-responsive-4col{grid-template-columns:repeat(2,1fr)!important}.header-tabs-scroll{overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}.header-tabs-scroll::-webkit-scrollbar{display:none!important}}@media (max-width: 480px){.grid-responsive-4col{grid-template-columns:1fr!important}.btn{font-size:12px;padding:8px 12px}}