:root{--bg-dark: #0a0c10;--bg-card: rgba(18, 22, 31, .75);--bg-card-hover: rgba(28, 35, 49, .85);--bg-input: rgba(12, 16, 23, .8);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(124, 58, 237, .4);--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-glow: rgba(139, 92, 246, .35);--secondary: #ec4899;--secondary-glow: rgba(236, 72, 153, .35);--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 20%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(236,72,153,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.05) 0%,transparent 60%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 30px -10px #00000080;transition:var(--transition)}.glass-panel:hover{border-color:#ffffff26}.btn-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-weight:600;font-family:var(--font-heading);border:none;border-radius:var(--radius-md);padding:12px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px var(--primary-glow);transition:var(--transition)}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow),0 0 20px var(--secondary-glow)}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 18px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.flag-card{background:#0f141e99;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:var(--transition);display:flex;align-items:flex-start;gap:12px;-webkit-user-select:none;user-select:none}.flag-card:hover{background:#1e2638b3;border-color:#8b5cf666}.flag-card.active{background:#8b5cf626;border-color:var(--primary);box-shadow:0 0 15px #8b5cf633}.flag-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0;transition:var(--transition)}.flag-card.active .flag-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.flag-group-danger{background:linear-gradient(135deg,#580e2273,#2d0614a6);border:1.5px solid rgba(244,63,94,.35);border-radius:var(--radius-md);padding:16px;box-shadow:0 4px 20px #9f12392e,inset 0 1px #ffffff0d}.flag-card-danger{background:#200812bf;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:var(--transition);display:flex;align-items:flex-start;gap:12px;-webkit-user-select:none;user-select:none}.flag-card-danger:hover{background:#410c1ed9;border-color:#f43f5e99}.flag-card-danger.active{background:#9f123966;border-color:#f43f5e;box-shadow:0 0 18px #f43f5e59}.flag-card-danger .flag-checkbox{border-color:#f43f5e99}.flag-card-danger.active .flag-checkbox{background:#f43f5e;border-color:#f43f5e;color:#fff}.photo-slot{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);border:2px dashed rgba(255,255,255,.15);background:#0000004d;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.photo-slot:hover{border-color:var(--primary);background:#8b5cf60d}.photo-slot.has-image{border-style:solid;border-color:var(--accent-cyan)}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;display:flex;align-items:center;justify-content:center;gap:12px;transition:var(--transition)}.photo-slot:hover .photo-slot-overlay{opacity:1}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.badge-cyan{background:#06b6d433;color:#67e8f9;border:1px solid rgba(6,182,212,.4)}.badge-rose{background:#f43f5e33;color:#fca5a5;border:1px solid rgba(244,63,94,.4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#11151e;border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}input[type=text],input[type=password],textarea,select{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-main);font-family:var(--font-body);font-size:.95rem;outline:none;transition:var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 35px var(--secondary-glow)}}.pulsing-glow{animation:pulseGlow 3s infinite ease-in-out}
