@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-deep:#0b0b0b;--bg-card:#121212b3;--primary:#6c5ce7;--primary-glow:#6c5ce766;--secondary:#00d1ff;--secondary-glow:#00d1ff66;--accent:#ff4d6d;--text-main:#fff;--text-muted:#a0a0a0;--glass-border:#ffffff1a;--shadow-premium:0 8px 32px 0 #000c;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-deep:#f8f9fa;--bg-card:#fffc;--primary-glow:#6c5ce733;--secondary-glow:#00d1ff33;--text-main:#1a1a1a;--text-muted:#666;--glass-border:#00000014;--shadow-premium:0 8px 32px 0 #0000000d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium)}@keyframes glow-pulse{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}to{box-shadow:0 0 5px var(--primary-glow)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.container-full{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px;overflow:hidden auto}h1{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}p{color:var(--text-muted);line-height:1.6}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px var(--primary-glow);background:#5b4cc4;transform:translateY(-2px)}.btn-ghost{background:var(--glass-border);color:var(--text-main);border:1px solid var(--glass-border)}.btn-ghost:hover{background:#6c5ce71a}.input-group{margin-bottom:20px}.input-label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;display:block}.input-field{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:14px 16px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:var(--glass-border);outline:none}select.input-field option{background-color:var(--bg-deep);color:var(--text-main)}.sidebar{background:var(--bg-deep);border-right:1px solid var(--glass-border);scrollbar-width:none;flex-direction:column;width:260px;padding:24px 0;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.nav-item{color:var(--text-muted);transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-main);background:var(--glass-border)}.nav-item.active{color:var(--primary);border-left-color:var(--primary);background:#6c5ce70d}.stat-card{border-radius:var(--radius-md);flex:1;padding:24px}.stat-value{margin-top:8px;font-size:2rem;font-weight:700}.stat-change{margin-top:4px;font-size:.85rem}.up{color:#00ff85}.down{color:var(--accent)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px;display:grid}.recharts-responsive-container{overflow:visible!important}.custom-tooltip{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:8px;padding:10px}.layout-grid-main{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.layout-grid-clips{grid-template-columns:3fr 1fr;gap:24px;display:grid}.layout-grid-settings{grid-template-columns:240px 1fr;gap:32px;display:grid}.flex-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-banner{flex-wrap:wrap;gap:32px;margin-bottom:32px;display:flex}@media (width<=1024px){.layout-grid-main,.layout-grid-clips,.layout-grid-settings{grid-template-columns:1fr!important}.flex-between{flex-direction:column;align-items:flex-start}.flex-between>*{width:100%}.profile-banner{text-align:center;flex-direction:column;align-items:center;gap:20px}}@media (width<=768px){.container-full{flex-direction:column}.sidebar{border-right:none;border-top:1px solid var(--glass-border);z-index:100;-webkit-backdrop-filter:blur(10px);background:#0b0b0bf2;border-bottom:none;flex-direction:row;width:100%;height:70px;padding:0;position:fixed;bottom:0;left:0}.sidebar>div:first-child,.sidebar>div:last-child{display:none}.topbar{height:60px;padding:0 16px}.topbar h2{font-size:1.1rem}.sidebar nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex}.nav-item{white-space:nowrap;color:var(--text-muted);border-top:2px solid #0000;border-bottom:none;border-left:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.65rem;display:flex}.nav-item.active{border-left-color:#0000;border-top-color:var(--primary);color:var(--primary);background:linear-gradient(#6c5ce71a 0%,#0000 100%)}.main-content{padding:16px 16px 90px}.dashboard-grid{grid-template-columns:1fr}div[style*="grid-template-columns: 2fr 1fr"],div[style*="grid-template-columns: 3fr 1fr"],div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: 240px 1fr"]{grid-template-columns:1fr!important}.desktop-only{display:none!important}}