:root{--bg-dark:#0f172a;--bg-card:rgba(30,41,59,.7);--border-light:hsla(0,0%,100%,.1);--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#8b5cf6;--success:#10b981;--shadow-glow:0 0 20px rgba(59,130,246,.3)}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(at 0 0,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.15) 0,transparent 50%);background-attachment:fixed}*{box-sizing:border-box}a{text-decoration:none;color:inherit}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;border-right:1px solid var(--border-light);display:flex;flex-direction:column;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-header{padding:32px 24px;font-size:24px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px}.sidebar-nav{padding:0 16px;display:flex;flex-direction:column;gap:8px}.nav-item{padding:12px 16px;border-radius:12px;color:var(--text-secondary);font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:12px}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.nav-item.active{background:rgba(59,130,246,.1);color:var(--primary);border-left:3px solid var(--primary)}.main-content{flex:1 1;padding:40px;overflow-y:auto}.btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(59,130,246,.2)}.btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}