:root{--bg-dark:#050b14;--bg-card:#0d142399;--accent-primary:#f97316;--accent-secondary:#3b82f6;--accent-glow:#f973164d;--text-main:#f8fafc;--text-dim:#94a3b8;--glass-border:#ffffff14;--font-family:"Inter", system-ui, -apple-system, sans-serif;--card-shadow:0 8px 32px 0 #000c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#f9731626 0,#0000 50%),radial-gradient(at 100% 0,#3b82f61a 0,#0000 50%);min-height:100vh;overflow-x:hidden}input,textarea,select{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d;outline:none;font-family:inherit;transition:all .3s}input:focus,textarea:focus{background:#ffffff14;box-shadow:0 0 15px #f973161a;border-color:var(--accent-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:.6}.app-container{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:100;background:#0a0b0db3;flex-direction:column;gap:2rem;width:280px;height:100vh;padding:2.5rem 1.5rem 4rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:10px}.logo{background:linear-gradient(135deg, #fff 0%, var(--accent-primary) 50%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:1.75rem;font-weight:900}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-item{color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff08;transform:translate(4px)}.nav-item.active{border-right:2px solid var(--accent-primary);color:var(--text-main);background:linear-gradient(90deg,#8b5cf626 0%,#0000 100%);font-weight:600}.main-content{flex:1;padding:3rem 4rem;animation:.8s ease-out fadeIn;overflow-y:auto}.header{margin-bottom:4rem;position:relative}.header h1{letter-spacing:-1.5px;background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.header p{color:var(--text-dim);font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);box-shadow:var(--card-shadow);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{border-color:#8b5cf666;transform:translateY(-8px)scale(1.02)}.card-icon{width:52px;height:52px;color:var(--accent-primary);background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:1px solid #8b5cf633;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.card-title{color:#fff;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.card-content{color:var(--text-dim);font-size:1rem;line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:1.5rem;padding:.85rem 1.75rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:scale(1.05)}.btn-secondary{color:#fff;border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:14px;padding:.85rem 1.75rem;font-weight:600}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}