:root{--green-1: #2dce89;--green-2: #2dcecc;--purple-1: #7795f8;--purple-2: #6772e5;--bg-app: #eef2f6;--card-bg: #ffffff;--text-dark: #1a2233;--text-muted: #64748b;--border-soft: #e9ecef;--sidebar-active-text: #5e72e4;--success: #2dce89;--danger: #f5365c;--warning: #fb6340;--shadow-card: 0 0 2rem 0 rgba(136, 152, 170, .15);--radius: 18px;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .45);--glass-blur: blur(22px);--glass-shadow: 0 8px 32px rgba(45, 89, 71, .14), inset 0 1px 0 rgba(255, 255, 255, .6)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text-dark);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background-color:var(--bg-app);background-image:radial-gradient(circle at 12% 18%,rgba(45,206,137,.35),transparent 42%),radial-gradient(circle at 88% 12%,rgba(119,149,248,.32),transparent 45%),radial-gradient(circle at 25% 85%,rgba(45,206,204,.28),transparent 45%),radial-gradient(circle at 90% 80%,rgba(103,114,229,.25),transparent 45%);background-attachment:fixed;background-repeat:no-repeat;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}.btn{border:none;border-radius:12px;padding:.65rem 1.4rem;font-weight:600;font-size:.9rem;transition:transform .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(87deg,var(--purple-1) 0,var(--purple-2) 100%);color:#fff;box-shadow:0 6px 16px #6772e559}.btn-primary:hover{box-shadow:0 8px 22px #6772e573}.btn-outline{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);color:var(--text-dark)}.btn-outline:hover{background:#ffffffbf}.btn-green{background:linear-gradient(87deg,var(--green-1) 0,var(--green-2) 100%);color:#fff;box-shadow:0 6px 16px #2dce8959}.btn-green:hover{box-shadow:0 8px 22px #2dce8973}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:1.5rem}.glass-surface{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1px solid var(--glass-border)}.gradient-header{background:linear-gradient(87deg,var(--green-1) 0,var(--green-2) 100%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#64748b59;border-radius:8px}.input-field{width:100%;padding:.7rem 1rem;background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:10px;font-size:.95rem;outline:none;color:var(--text-dark);transition:border-color .15s ease,background .15s ease}.input-field:focus{border-color:var(--purple-1);background:#ffffffd9}.input-field::placeholder{color:var(--text-muted)}label.field-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem;display:block}