:root{--color-bg:#f9fbff;--color-bg-card:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-soft:#eff6ff;--color-accent:#38bdf8;--color-accent-soft:#e0f7ff;--color-border:#e2e8f0;--color-border-soft:#f1f5f9;--shadow-soft:0 2px 6px #0000000f;--shadow-medium:0 4px 12px #00000014;--shadow-strong:0 10px 30px #0000001f;--transition-fast:.15s ease;--transition-medium:.25s ease;--gradient-soft:linear-gradient(135deg,#e0f2fe,#eff6ff,#e0f7ff);--gradient-primary:linear-gradient(120deg,#2563eb,#3b82f6,#38bdf8);--gradient-card:linear-gradient(145deg,#fff,#f8fbff);--radius:14px;--radius-lg:22px}body{background:var(--color-bg);color:var(--color-text);transition:background var(--transition-medium),color var(--transition-medium);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{transition:color var(--transition-fast),background var(--transition-fast);text-decoration:none}.card,.admin-card,.bg-card{background:var(--gradient-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:1.5rem}.card:hover,.admin-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius);transition:var(--transition-medium);padding:.65rem 1.2rem;font-weight:600;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 4px 14px #2563eb59}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);transition:var(--transition-fast);background:#fff;padding:.6rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.text-muted{color:var(--color-text-muted)}.bg-soft{background:var(--color-primary-soft)}.bg-accent-soft{background:var(--color-accent-soft)}.hr-soft{border-bottom:1px solid var(--color-border);opacity:.7}.fade-in{animation:.4s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}