@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0f172a;--text-color: #f8fafc;--text-secondary: #94a3b8;--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #a855f7;--accent-color: #06b6d4;--danger-color: #ef4444;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--card-radius: 16px;--font-main: "Outfit", sans-serif;--scrollbar-track: #0f172a;--scrollbar-thumb: #334155;--scrollbar-thumb-hover: #475569}[data-theme=light]{--bg-color: #f1f5f9;--text-color: #1e293b;--text-secondary: #64748b;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .8);--glass-border: rgba(203, 213, 225, .4);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.15) 0%,transparent 25%);background-attachment:fixed;color:var(--text-color);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-main);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);border-radius:8px;padding:8px 12px;outline:none;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);background:var(--glass-bg-hover)}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn{padding:10px 20px;border-radius:8px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-icon{padding:8px;border-radius:50%;background:transparent;color:var(--text-secondary)}.btn-icon:hover{background:var(--glass-bg-hover);color:var(--text-color)}.text-gradient{background:linear-gradient(to right,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;gap:24px}.main-content{flex:1;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.app-container{flex-direction:row;align-items:flex-start}.sidebar-container{width:280px;position:sticky;top:20px;height:calc(100vh - 40px);display:flex;flex-direction:column}}.header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}@media(min-width:1024px){.header-mobile{display:none}}@media(max-width:1023px){.sidebar-container{position:fixed;top:0;left:-300px;width:280px;height:100vh;z-index:100;transition:left .3s ease}.sidebar-container.mobile-open{left:0}.sidebar{height:100%!important;border-radius:0!important;background:#0f172a!important}}