:root{--background:#0a0a0c;--foreground:#e1e1e6;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#1e1e24;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glass:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.1);--card-bg:rgba(30,30,36,.7);--sidebar-width:260px}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.premium-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 50% 50%,#1a1a2e 0,#0a0a0c 100%)}.premium-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0,transparent 50%);animation:drift 20s linear infinite}@keyframes drift{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.2)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.btn-primary:hover{opacity:.9}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:rgba(15,15,20,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);padding:32px 16px}.main-content{margin-left:var(--sidebar-width);padding:40px;min-height:100vh}.premium-input{width:100%;padding:10px 16px;background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);border-radius:8px;color:var(--foreground);font-family:inherit;font-size:.95rem;transition:all .2s ease;outline:none}.premium-input:focus{background:hsla(0,0%,100%,.08);border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.premium-input::placeholder{color:hsla(0,0%,100%,.3)}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.12) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.4)}.desktop-only{display:flex}.mobile-only{display:none!important}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.main-content{margin-left:0!important;padding:76px 12px 100px!important;min-height:auto;width:100%}.mobile-top-bar{top:0;height:60px;background:rgba(10,10,12,.85);border-bottom:1px solid hsla(0,0%,100%,.05);align-items:center;justify-content:space-between;padding:0 16px}.mobile-bottom-nav,.mobile-top-bar{position:fixed;left:0;right:0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1000}.mobile-bottom-nav{bottom:0;background:rgba(15,15,20,.95);border-top:1px solid hsla(0,0%,100%,.05);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:20px;padding:10px 16px 20px}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:hsla(0,0%,100%,.5);text-decoration:none;font-size:.65rem;font-weight:500;flex-shrink:0;min-width:56px;transition:all .2s ease}.mobile-nav-item.active,.mobile-nav-item.active svg{color:var(--primary)!important}.m-stack{flex-direction:column!important;height:auto!important}.m-w-full{width:100%!important;min-width:100%!important}.m-h-auto{height:auto!important;max-height:unset!important}.m-h-max{max-height:400px!important}.m-hide{display:none!important}.m-scroll-x{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.m-grid-1{grid-template-columns:1fr!important}.m-text-sm{font-size:.8rem!important}.m-m-0{margin:0!important}}