:root{--gx-blue: #3b6bff;--gx-violet: #7c3aed;--gx-blue-deep: #2b4fd6;--gx-violet-deep: #6d28d9;--grad-primary: linear-gradient(135deg, #3b6bff 0%, #7c3aed 100%);--grad-primary-strong: linear-gradient(135deg, #2b4fd6 0%, #6d28d9 100%);--grad-header: linear-gradient(135deg, #2b4fd6 0%, #7c3aed 100%);--grad-danger: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--grad-success: linear-gradient(135deg, #34d399 0%, #059669 100%);--grad-surface: linear-gradient(160deg, #ffffff 0%, #f3f4fd 100%);--glow-primary: 0 6px 22px rgba(76, 89, 255, .4);--bg: #f2f3fb;--surface: #ffffff;--surface-2: #eef0fb;--text: #161a2e;--text-muted: #6b7194;--border: #e2e4f4;--ring: rgba(59, 107, 255, .3);--primary: var(--gx-blue);--primary-contrast: #ffffff;--danger: #e11d48;--success: #059669;--warning: #d97706;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(20, 23, 60, .06);--shadow: 0 8px 24px rgba(60, 70, 160, .12);--shadow-lg: 0 18px 50px rgba(60, 70, 160, .2);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.skin-wa{--grad-primary: linear-gradient(135deg, #00a884 0%, #008069 100%);--grad-primary-strong: linear-gradient(135deg, #00a884 0%, #075e54 100%);--grad-header: linear-gradient(135deg, #075e54 0%, #128c7e 100%);--grad-success: linear-gradient(135deg, #25d366 0%, #008069 100%);--glow-primary: 0 6px 22px rgba(0, 168, 132, .4);--bg: #eae6df;--surface: #ffffff;--surface-2: #f0f2f5;--text: #111b21;--text-muted: #667781;--border: #d6dbdf;--ring: rgba(0, 168, 132, .3);--primary: #008069}[data-theme=dark]{--bg: #0b141a;--surface: #111b21;--surface-2: #202c33;--text: #e9edef;--text-muted: #8696a0;--border: #2a3942;--ring: rgba(0, 168, 132, .4);--grad-surface: linear-gradient(160deg, #111b21 0%, #1a2730 100%);--primary: var(--wa-accent);--shadow: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--primary);text-decoration:none}.h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.h2{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.muted{color:var(--text-muted)}.text-grad{background:linear-gradient(135deg,#2b4fd6,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}.skin-wa .text-grad{background:linear-gradient(135deg,#0a8d75,#075e54);-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1}.center{display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;cursor:pointer;padding:12px 18px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text);background:var(--surface-2);transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad-primary);color:#fff;font-weight:800;box-shadow:var(--glow-primary)}.btn-primary:hover{box-shadow:0 8px 28px #00a8848c}.btn-danger{background:var(--grad-danger);color:#fff}.btn-ghost{background:transparent;border-color:var(--border)}.btn-block{width:100%}.btn-lg{padding:15px 22px;font-size:1.05rem;border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.input,.select,.textarea{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.field-error{color:var(--danger);font-size:.8rem;font-weight:600}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge-primary{background:#0891b21f;color:var(--cyan-700);border-color:#0891b240}.badge-success{background:#0596691f;color:var(--success);border-color:#05966940}.badge-warning{background:#d977061f;color:var(--warning);border-color:#d9770640}.badge-danger{background:#e11d481f;color:var(--danger);border-color:#e11d4840}.chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.9rem;background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);transition:all .15s ease;white-space:nowrap}.chip.active{background:var(--grad-primary);color:#fff;font-weight:800;border-color:transparent}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(34,211,238,.18),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-in{animation:fadeInUp .45s ease both}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .7s linear infinite}.spinner-dark{border-color:var(--border);border-top-color:var(--primary)}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--ring)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}.pulse{animation:pulse-ring 1.8s infinite}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table.data{width:100%;border-collapse:collapse;background:var(--surface)}table.data thead th{position:sticky;top:0;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--grad-header);padding:12px 14px;white-space:nowrap}table.data tbody td{padding:12px 14px;border-top:1px solid var(--border)}table.data tbody tr:hover{background:var(--surface-2)}.stepper{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:14px}.step-dot{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.85rem;color:#fff;background:var(--border)}.step.done .step-dot{background:var(--grad-success)}.step.current .step-dot{background:var(--grad-primary)}.step-line{width:2px;flex:1;background:var(--border);margin:4px auto;min-height:18px}.step.done .step-line{background:var(--success)}.step-body{padding-bottom:18px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}@media(max-width:640px){.hide-mobile{display:none!important}}@media(min-width:641px){.hide-desktop{display:none!important}}