*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5fb;color:#221b3a}.app-root{min-height:100vh;padding:32px 40px;display:flex;flex-direction:column;align-items:center}.app-header{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:30px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(120deg,#5b3ff6,#7c5cff 45%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block;text-shadow:0 10px 24px rgba(15,23,42,.18)}.page-title:after{content:"";position:absolute;left:0;bottom:-6px;width:42px;height:3px;border-radius:999px;background:#5b3ff6bf}.page-subtitle{margin-top:10px;font-size:14px;color:#7b7898;font-weight:400}.theme-toggle{border-radius:999px;border:1px solid #deddf3;background:#fff;padding:6px 14px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#4b4566;box-shadow:0 4px 12px #0f172a14;transition:background .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease}.theme-toggle:hover{background:#f3f3fe;color:#5c48f2;transform:translateY(-1px)}.table-card{width:100%;max-width:1100px;background:#fff;border-radius:24px;padding:28px 32px;box-shadow:0 28px 65px #1118271f}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{border-bottom:1px solid #f0eff7}.data-table th{padding:12px 8px;font-size:12px;font-weight:600;letter-spacing:.4px;color:#8f8ead;text-align:left}.data-table tbody tr{transition:background .16s ease}.data-table tbody tr:hover{background:#fafaff}.data-table td{padding:18px 8px;border-bottom:1px solid #f5f4fb;color:#221b3a;font-size:14px}.empty-state{padding:24px 8px;text-align:center;color:#8f8ead;font-size:14px}.link-cell{border:none;background:none;padding:0;margin:0;cursor:pointer;color:#5c48f2;font-weight:600;font-size:14px;text-decoration:none;transition:color .15s ease}.link-cell:hover{color:#4b35e0}.badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:12px;font-weight:500}.badge-male{background:#ffe7e9;color:#e54848}.badge-female{background:#e5f2ff;color:#2f72e9}.icon-button{border:none;background:none;cursor:pointer;font-size:16px;padding:4px;border-radius:8px;color:#8f8ead;transition:background .15s ease,color .15s ease,transform .15s ease}.icon-button:hover{background:#f3f3fe;color:#5c48f2;transform:translateY(-1px)}.country-header{display:flex;align-items:center;gap:8px;position:relative}.country-filter-wrapper{position:relative}.country-filter-button{border:none;background:none;cursor:pointer;padding:4px;border-radius:999px;color:#b0aee0;transition:background .15s ease,color .15s ease,transform .15s ease}.country-filter-button:hover{background:#f3f3fe;color:#5c48f2;transform:translateY(-1px)}.country-filter-button--active{background:#f1edff;color:#5c48f2}.filter-icon{width:14px;height:14px;display:inline-block;position:relative}.filter-icon:before{content:"";position:absolute;left:1px;right:1px;top:2px;border-radius:3px;border:2px solid currentColor;border-bottom:none}.filter-icon:after{content:"";position:absolute;left:4px;right:4px;top:6px;border-left:2px solid currentColor;border-right:2px solid currentColor;height:6px;border-radius:0 0 4px 4px}.country-filter-popover{position:absolute;top:26px;right:0;width:190px;padding:12px;background:#fff;border-radius:14px;box-shadow:0 24px 60px #0f172a38;z-index:20;animation:filterIn .12s ease-out}@keyframes filterIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.country-filter-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#4a4666;margin-bottom:8px}.country-filter-clear{border:none;background:none;font-size:11px;font-weight:600;color:#5c48f2;cursor:pointer;padding:0}.country-filter-list{max-height:160px;overflow-y:auto}.country-filter-option{display:flex;align-items:center;gap:8px;font-size:13px;color:#3c3759;padding:4px 0}.modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:460px;max-width:95vw;background:#fff;border-radius:24px;box-shadow:0 30px 68px #0f172a40;padding:24px 28px 20px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font-size:20px;font-weight:600;color:#221b3a}.modal-close{font-size:18px!important}.modal-body{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.form-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:#4b4566}.required{color:#e53b3b;margin-left:2px}.text-input,.select-input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid #deddf3;font-size:14px;background:#fcfcff;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.text-input:focus,.select-input:focus{border-color:#5c48f2;box-shadow:0 0 0 2px #5c48f233;background:#fff}.text-input--readonly[disabled]{background:#f4f4fb;border-color:#e1e0f2;color:#a0a0c0}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.btn{padding:8px 18px;border-radius:999px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-secondary{background:#f3f3fe;color:#4b4566}.btn-primary{background:#5c48f2;color:#fff;box-shadow:0 8px 18px #5c48f273}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #0f172a38}.btn:disabled{opacity:.55;box-shadow:none}.error-text{font-size:12px;color:#e53b3b;font-weight:500}body[data-theme=dark]{background:#020617;color:#e5e7eb}body[data-theme=dark] .page-title{color:#f9fafb}body[data-theme=dark] .theme-toggle{background:#020617;border-color:#1e293b;color:#e5e7eb;box-shadow:0 6px 16px #0009}body[data-theme=dark] .theme-toggle:hover{background:#0f172a}body[data-theme=dark] .table-card{background:#020617;box-shadow:0 26px 70px #000000e6}body[data-theme=dark] .data-table th{color:#9ca3af;border-color:#111827}body[data-theme=dark] .data-table td{border-color:#020617;color:#e5e7eb}body[data-theme=dark] .data-table tbody tr:hover{background:#0f172a!important}body[data-theme=dark] .data-table tbody tr:hover{background:#0b1120}body[data-theme=dark] .link-cell{color:#a5b4fc}body[data-theme=dark] .link-cell:hover{color:#c4b5fd}body[data-theme=dark] .badge-male{background:#ef444426;color:#fecaca}body[data-theme=dark] .badge-female{background:#3b82f62e;color:#bfdbfe}body[data-theme=dark] .icon-button{color:#9ca3af}body[data-theme=dark] .icon-button:hover{background:#020617;color:#e5e7eb}body[data-theme=dark] .country-filter-popover{background:#020617;box-shadow:0 26px 60px #000000e6}body[data-theme=dark] .country-filter-header,body[data-theme=dark] .country-filter-option{color:#e5e7eb}body[data-theme=dark] .modal-backdrop{background:#0f172acc}body[data-theme=dark] .modal{background:#020617;box-shadow:0 30px 80px #000}body[data-theme=dark] .modal-header h2{color:#f9fafb}body[data-theme=dark] .field-label{color:#cbd5f5}body[data-theme=dark] .text-input,body[data-theme=dark] .select-input{background:#020617;border-color:#1f2937;color:#e5e7eb}body[data-theme=dark] .text-input:focus,body[data-theme=dark] .select-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f166;background:#020617}body[data-theme=dark] .text-input--readonly[disabled]{background:#020617;border-color:#1f2937;color:#9ca3af}body[data-theme=dark] .btn-secondary{background:#020617;color:#e5e7eb;border:1px solid #1f2937}body[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 14px 28px #4338cabf}body[data-theme=dark] .page-title{background:linear-gradient(120deg,#a5b4fc,#c4b5fd 40%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 14px 32px rgba(0,0,0,.7)}body[data-theme=dark] .page-subtitle{color:#9ca3af}