:root{--primary-color: #818cf8;--primary-hover: #6366f1;--bg-color: #0b1120;--card-bg: rgba(15, 23, 42, .6);--text-color: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .08);--success-color: #10b981;--error-color: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15),transparent 30%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15),transparent 30%),linear-gradient(135deg,#0b1120,#0f172a);min-height:100vh;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #818cf866}70%{box-shadow:0 0 0 10px #818cf800}to{box-shadow:0 0 #818cf800}}.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;background:#0b1120b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100;box-shadow:0 4px 30px #0000001a}.nav-brand{font-size:1.6rem;font-weight:800;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;letter-spacing:-.5px;transition:transform .3s}.nav-brand:hover{transform:scale(1.02)}.nav-links{display:flex;gap:1.8rem;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:linear-gradient(to right,#818cf8,#c084fc);transition:width .3s ease;border-radius:2px}.nav-link:hover:after{width:100%}.nav-link:hover{color:#fff}.btn{padding:.7rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn-outline{background-color:transparent;color:var(--text-color);border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{background-color:#ffffff0d;border-color:#fff6}.card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:3rem;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;transition:transform .4s ease,box-shadow .4s ease}.form-group{margin-bottom:1.8rem;text-align:left}.form-label{display:block;margin-bottom:.6rem;font-weight:500;color:var(--text-muted);font-size:.9rem;transition:color .3s}.form-input{width:100%;padding:.9rem 1.2rem;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-input::placeholder{color:#ffffff4d}.form-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 4px #818cf826;background:#0f172a}.form-input:focus+.form-label{color:#818cf8}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.page-title{font-size:3.5rem;font-weight:800;margin-bottom:1.2rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;letter-spacing:-1px}.page-subtitle{color:var(--text-muted);font-size:1.25rem;max-width:650px;margin:0 auto 3rem;line-height:1.6}.alert{padding:1.2rem;border-radius:12px;margin-bottom:2rem;font-weight:500;display:flex;align-items:center;gap:.8rem;animation:fadeIn .3s ease-out}.alert-error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.auth-container{max-width:480px;margin:5rem auto;position:relative}.auth-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:30px;z-index:-1;filter:blur(20px)}.dashboard-header{margin-bottom:4rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.stat-card{padding:2rem;border-radius:20px;background:linear-gradient(145deg,#1e293bb3,#0f172ae6);border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);transition:transform .6s}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px #00000080;border-color:#818cf84d}.stat-title{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.stat-value{font-size:3rem;font-weight:800;margin-top:1rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loader{border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;width:22px;height:22px;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}