@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--accent-blue:#3b82f6;--accent-blue-rgb:59, 130, 246;--accent-cyan:#06b6d4;--accent-cyan-rgb:6, 182, 212;--accent-emerald:#10b981;--accent-emerald-rgb:16, 185, 129;--accent-amber:#f59e0b;--accent-amber-rgb:245, 158, 11;--accent-rose:#f43f5e;--accent-rose-rgb:244, 63, 94;--accent-purple:#8b5cf6;--accent-purple-rgb:139, 92, 246;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--bg-app:radial-gradient(circle at 50% 0%, #0f172a 0%, #050810 100%);--bg-panel:#0f172a73;--bg-panel-hover:#1e293b99;--bg-panel-solid:#0f172a;--bg-input:#0f172ab3;--bg-input-focus:#1e293be6;--border-color:#ffffff14;--border-color-hover:#ffffff26;--border-color-glow:#3b82f640;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-glow:0 0 15px #3b82f626;--glass-blur:blur(16px);--glass-specular:linear-gradient(135deg, #ffffff0d 0%, #fff0 100%)}:root.light-theme{--bg-app:radial-gradient(circle at 50% 0%, #f8fafc 0%, #e2e8f0 100%);--bg-panel:#ffffffa6;--bg-panel-hover:#f1f5f9d9;--bg-panel-solid:#fff;--bg-input:#f1f5f9b3;--bg-input-focus:#fff;--border-color:#0f172a14;--border-color-hover:#0f172a26;--border-color-glow:#3b82f633;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -4px #0f172a0d;--shadow-glow:0 0 15px #3b82f60d;--glass-blur:blur(20px);--glass-specular:linear-gradient(135deg, #fff6 0%, #ffffff1a 100%)}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);min-height:100vh;transition:background var(--transition-normal), color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.glass-panel:before{content:"";background:var(--glass-specular);pointer-events:none;z-index:1;position:absolute;inset:0}.glass-panel-hover:hover{background:var(--bg-panel-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg), var(--shadow-glow)}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media (width<=1024px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 12}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.25}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}button,.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-glass{border:1px solid var(--border-color);background:#ffffff0d}.btn-glass:hover{border-color:var(--border-color-hover);background:#ffffff1a}.btn-icon{border-radius:var(--radius-sm);width:40px;height:40px;padding:0}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-size:.95rem}.form-control:focus{border-color:var(--accent-blue);background:var(--bg-input-focus);box-shadow:0 0 0 2px #3b82f633}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #3b82f61a}50%{box-shadow:0 0 15px #3b82f64d}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-scale-up{animation:scaleUp var(--transition-normal) forwards}.badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b98133}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b33}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef444433}.badge-info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.tab-list{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:20px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:10px 16px;font-weight:500}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.kanban-board{gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-col{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#00000026;flex:1;min-width:250px;padding:16px}.kanban-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.95rem;display:flex}.kanban-cards{flex-direction:column;gap:12px;min-height:300px;display:flex}.kanban-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:14px}.kanban-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}body{font-size:14px}header.glass-panel{height:60px!important;margin:10px 10px 0!important;padding:0 12px!important}main{padding:10px!important}.dashboard-grid{gap:10px!important}.glass-panel.animate-scale-up{width:92vw!important;max-width:92vw!important;padding:16px!important}div:has(>table){-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}table{min-width:550px!important}.tab-list{border-bottom:1px solid var(--border-color);white-space:nowrap!important;scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.tab-list::-webkit-scrollbar{display:none!important}.tab-item{flex-shrink:0!important}header h2{font-size:1.05rem!important}.mobile-scroll-x::-webkit-scrollbar{display:none!important}.mobile-scroll-x{scrollbar-width:none!important}}