:root{--bg-primary:#1a1b1e;--bg-secondary:#25262b;--bg-tertiary:#2c2e33;--text-primary:#fff;--text-secondary:#a6a7ab;--text-tertiary:#909296;--border-color:rgba(59,130,246,.2);--accent-color:#3b82f6;--success-color:#059669;--warning-color:#f29030;--error-color:#b91c1c;--gradient-primary:linear-gradient(135deg,#3b82f6,#06b6d4);--gradient-bg:linear-gradient(135deg,#1a1b1e,#25262b);--gradient-card:linear-gradient(135deg,rgba(26,27,30,.8),rgba(37,38,43,.9));--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 20px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(59,130,246,.3)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}a{color:var(--accent-color);text-decoration:none;transition:all .2s ease}a:hover{color:#60a5fa}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:rgba(59,130,246,.4)}.btn{padding:8px 16px;border-radius:6px;border:1px solid var(--border-color);background:rgba(59,130,246,.1);color:var(--accent-color);cursor:pointer;transition:all .3s ease;font-weight:500}.btn:hover{background:rgba(59,130,246,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}input,select{background:rgba(26,27,30,.6);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(59,130,246,.2)}@media (max-width:768px){.visibleFrom-sm{display:none!important}}@media (min-width:769px){.hiddenFrom-sm{display:none!important}}