:root{--bg-primary:#0a0a0b;--bg-secondary:rgba(255,255,255,0.02);--bg-hover:rgba(255,255,255,0.05);--border-color:rgba(255,255,255,0.08);--text-primary:#f7f7f8;--text-secondary:#a1a1aa;--brand-gradient:linear-gradient(135deg,var(--brand-color,#3b82f6) 0%,var(--brand-color-light,#8b5cf6) 100%);--success-gradient:linear-gradient(135deg,#10b981 0%,#059669 100%);--danger-gradient:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--warning-gradient:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);--shadow-lg:0 20px 40px rgba(0,0,0,0.4);--shadow-md:0 10px 30px rgba(0,0,0,0.3);--shadow-sm:0 4px 12px rgba(0,0,0,0.2);}body.light{--bg-primary:#f8f9fa;--bg-secondary:rgba(255,255,255,0.8);--bg-hover:rgba(0,0,0,0.02);--border-color:rgba(0,0,0,0.08);--text-primary:#1a1a1a;--text-secondary:#6b7280;}*{box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter',system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;min-height:100vh;transition:background 0.3s,color 0.3s;line-height:1.6;}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,0.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,0.1) 0%,transparent 50%);pointer-events:none;z-index:0;}body.light::before{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,0.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,0.05) 0%,transparent 50%);}.container{position:relative;z-index:1;max-width:800px;margin:2rem auto;background:var(--bg-secondary);backdrop-filter:blur(20px);border-radius:24px;box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,0.05);padding:2.5rem;border:1px solid var(--border-color);}.header-bar{position:fixed;top:0;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 2rem;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}.header-left{display:flex;align-items:center;gap:1rem;}.header-right{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}.has-header .container{margin-top:6rem;}.btn{padding:0.5rem 1.25rem;border:none;border-radius:10px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:0.5rem;}.btn-primary{background:var(--brand-gradient);color:white;box-shadow:0 4px 12px rgba(59,130,246,0.3);}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.4);}.btn-success{background:var(--success-gradient);color:white;box-shadow:0 4px 12px rgba(16,185,129,0.3);}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,0.4);}.btn-danger{background:var(--danger-gradient);color:white;box-shadow:0 4px 12px rgba(239,68,68,0.3);}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(239,68,68,0.4);}.btn-ghost{background:rgba(255,255,255,0.05);color:var(--text-primary);border:1px solid var(--border-color);}.btn-ghost:hover{background:rgba(255,255,255,0.08);transform:translateY(-1px);}.form-group{margin-bottom:1.5rem;}.form-label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--text-primary);}.form-input{width:100%;padding:0.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:rgba(255,255,255,0.03);color:var(--text-primary);font-size:1rem;transition:all 0.2s;}.form-input:focus{outline:none;border-color:var(--brand-color,#3b82f6);background:rgba(255,255,255,0.05);box-shadow:0 0 0 3px rgba(59,130,246,0.1);}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading{opacity:0.6;pointer-events:none;position:relative;}.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid rgba(255,255,255,0.3);border-top-color:var(--brand-color,#3b82f6);border-radius:50%;animation:spin 0.8s linear infinite;}.alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:0.75rem;animation:slideIn 0.3s ease-out;}@keyframes slideIn{from{transform:translateY(-10px);opacity:0;}to{transform:translateY(0);opacity:1;}}.alert-success{background:linear-gradient(135deg,rgba(16,185,129,0.1) 0%,rgba(5,150,105,0.1) 100%);border:1px solid rgba(16,185,129,0.3);color:#10b981;}.alert-error{background:linear-gradient(135deg,rgba(239,68,68,0.1) 0%,rgba(220,38,38,0.1) 100%);border:1px solid rgba(239,68,68,0.3);color:#ef4444;}.alert-warning{background:linear-gradient(135deg,rgba(251,191,36,0.1) 0%,rgba(245,158,11,0.1) 100%);border:1px solid rgba(251,191,36,0.3);color:#fbbf24;}.card{background:rgba(255,255,255,0.03);border-radius:16px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.card:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);}@media (max-width:768px){.container{margin:1rem;padding:1.5rem;}.header-bar{padding:0.75rem 1rem;}.header-right{width:100%;justify-content:center;}.btn{padding:0.4rem 1rem;font-size:0.85rem;}}@media (max-width:480px){.container{border-radius:16px;padding:1rem;}.header-bar{flex-direction:column;gap:0.5rem;}.btn{padding:0.4rem 0.75rem;font-size:0.8rem;}}.text-center{text-align:center;}.text-right{text-align:right;}.text-muted{color:var(--text-secondary);}.mt-1{margin-top:0.5rem;}.mt-2{margin-top:1rem;}.mt-3{margin-top:1.5rem;}.mb-1{margin-bottom:0.5rem;}.mb-2{margin-bottom:1rem;}.mb-3{margin-bottom:1.5rem;}.gap-1{gap:0.5rem;}.gap-2{gap:1rem;}.gap-3{gap:1.5rem;}.hidden{display:none !important;}