@font-face{font-family:sora;src:url(../media/Sora_VariableFont_wght-s.p.2e33def2.ttf)format("truetype");font-display:swap}@font-face{font-family:sora Fallback;src:local(Arial);ascent-override:85.11%;descent-override:25.44%;line-gap-override:0.0%;size-adjust:113.97%}.sora_44b7a85a-module__l0J8sq__className{font-family:sora,sora Fallback}.sora_44b7a85a-module__l0J8sq__variable{--font-sora:"sora","sora Fallback"}
@font-face{font-family:rubik;src:url(../media/Rubik_VariableFont_wght-s.p.60479447.ttf)format("truetype");font-display:swap;font-style:normal}@font-face{font-family:rubik;src:url(../media/Rubik_Italic_VariableFont_wght-s.p.c1a4d2ed.ttf)format("truetype");font-display:swap;font-style:italic}@font-face{font-family:rubik Fallback;src:local(Arial);ascent-override:91.09%;descent-override:24.36%;line-gap-override:0.0%;size-adjust:102.64%}.rubik_ea595dcf-module__aFfQWq__className{font-family:rubik,rubik Fallback}.rubik_ea595dcf-module__aFfQWq__variable{--font-rubik:"rubik","rubik Fallback"}
:root{--bg-app:#f8fafc;--bg-panel:#fff;--bg-element:#e2e8f0;--color-primary:#0284c7;--color-primary-hover:#0369a1;--text-main:#0f172a;--text-muted:#64748b;--border-subtle:#f1f5f9;--border-visible:#cbd5e1;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem}.dark{--bg-app:#0f172a;--bg-panel:#1e293b;--bg-element:#334155;--color-primary:#1e90ff;--color-primary-hover:#1c84ea;--text-main:#f1f5f9;--text-muted:#94a3b8;--border-subtle:#1e293b;--border-visible:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-main),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}:root{--font-main:var(--font-sora)}html[lang=ar]{--font-main:var(--font-rubik)}:root{--font-arabic:var(--font-rubik)}input,textarea,select,button{font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-element);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-arabic{font-family:var(--font-rubik),sans-serif!important}
.page-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.page-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.page-header-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header-actions{align-items:center;gap:.75rem;display:flex}.search-bar{align-items:center;gap:1rem;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}[dir=rtl] .search-icon{left:auto;right:1rem}.search-input{border-radius:var(--radius-lg);border:1px solid var(--border-visible);background:var(--bg-panel);width:100%;color:var(--text-main);padding:.625rem 1rem .625rem 2.8rem;font-size:.95rem;transition:all .2s}[dir=rtl] .search-input{padding:.625rem 2.8rem .625rem 1rem}.search-input:focus{border-color:var(--color-primary);background:var(--bg-element);outline:none;box-shadow:0 0 0 3px #1e90ff1a}.clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clear-search:hover{color:var(--text-main);background:#ffffff1a}[dir=rtl] .clear-search{left:.75rem;right:auto}.searching-indicator{border-radius:var(--radius-md);color:var(--color-primary);background:#1e90ff0d;border:1px solid #1e90ff33;align-items:center;gap:.75rem;width:fit-content;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;animation:.3s ease-out fadeIn;display:flex}.searching-pulse{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.filters-wrapper{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-select{border-radius:var(--radius-lg);border:1px solid var(--border-visible);background:var(--bg-panel);color:var(--text-main);cursor:pointer;min-width:160px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e90ff1a}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem 2rem;display:flex}.empty-icon-wrapper{background:#1e90ff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.empty-icon{color:var(--color-primary)}.empty-title{color:var(--text-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-text{color:var(--text-muted);max-width:400px;margin-bottom:2rem;font-size:.95rem}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem 2rem;display:flex}.spinner{border:4px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin-bottom:1.5rem;animation:.8s linear infinite spin}.loading-text{color:var(--text-muted);font-size:1rem;font-weight:600}.data-surface{background:var(--bg-panel);border:1px solid var(--border-visible);border-radius:var(--radius-lg);padding:1rem}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table-head{background:var(--bg-element);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-visible);font-size:.75rem;font-weight:600}.table-head-cell{border-bottom:1px solid var(--border-visible);padding:.75rem}.table-head-cell-action{text-align:right;border-bottom:1px solid var(--border-visible);width:3rem;padding:.75rem}.table-row{cursor:pointer;will-change:background-color;contain:layout style paint;transition:background-color 80ms}.table-row:hover{background-color:var(--bg-element)}.table-cell{color:var(--text-main);border-bottom:1px solid var(--border-subtle);padding:.75rem}.table-cell-checkbox{color:var(--text-main);border-bottom:1px solid var(--border-subtle);width:3rem;padding:.75rem}.table-cell-checkbox input{width:1.05rem;height:1.05rem;accent-color:var(--color-primary)}.table-cell-action{color:var(--text-main);border-bottom:1px solid var(--border-subtle);text-align:right;padding:.75rem}.cell-primary{color:var(--text-main);font-weight:700}.cell-muted{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.empty-row{color:var(--text-muted);text-align:center;padding:1.25rem;font-size:.95rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.card-grid .empty-state,.card-grid .loading-state{grid-column:1/-1}.data-card{background:var(--bg-panel);border:1px solid var(--border-visible);border-radius:var(--radius-lg);cursor:pointer;will-change:transform;contain:layout style paint;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative}.data-card:hover{border-color:var(--color-primary)}.card-header{flex-direction:column;gap:.5rem;display:flex}.card-header-top{align-items:center;gap:.75rem;display:flex}.card-title{color:var(--text-main);letter-spacing:-.01em;margin-top:.125rem;font-size:1.15rem;font-weight:700}.card-body{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:.75rem 0}.card-footer{margin-top:auto}.card-id-badge{font-family:var(--font-mono);letter-spacing:.05em;color:#94a3b8;border-radius:var(--radius-md);text-transform:uppercase;background:#94a3b81a;width:fit-content;padding:4px 10px;font-size:.7rem;font-weight:800}.person-id-badge{font-family:var(--font-mono);color:var(--color-primary);background:#1e90ff1a;border-radius:4px;padding:3px 8px;font-size:.8rem;font-weight:700}.spacer{flex:1}.empty-cards{color:var(--text-muted);text-align:center;background:var(--bg-panel);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);padding:3rem}.delete-btn{border-radius:var(--radius-md);color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #0000;justify-content:center;align-items:center;width:34px;height:34px;transition:background 80ms;display:inline-flex}.delete-btn:hover{background:#ef444433;border-color:#ef44444d}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-icon{width:1rem;height:1rem}.trash-btn{color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.trash-btn:hover{color:#f44;opacity:1;background:#ff44441a}[dir=rtl] .trash-btn{left:1rem;right:auto}.chip{border-radius:var(--radius-md);letter-spacing:.01em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.82rem;font-weight:700;display:inline-flex}.chip-neutral{background:var(--bg-element);color:var(--text-muted)}.chip-positive{color:#4ade80;background:#22c55e26}.chip-info{color:#7dd3fc;background:#0ea5e926}.payment-badge{border-radius:var(--radius-md);text-transform:capitalize;width:fit-content;padding:.35rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex}.badge-success{color:#10b981;background:#10b98126}.badge-warning{color:#f59e0b;background:#f59e0b26}.modal-form{flex-direction:column;gap:.75rem;display:flex}.form-label{color:var(--text-main);margin-bottom:.35rem;font-size:.95rem;font-weight:600}.form-input{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-element);width:100%;color:var(--text-main);outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--text-muted);opacity:.6}.form-select{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-element);width:100%;color:var(--text-main);cursor:pointer;outline:none;padding:.65rem .85rem;font-size:.95rem}.form-select:focus{border-color:var(--color-primary)}.form-textarea{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-element);width:100%;color:var(--text-main);resize:vertical;outline:none;min-height:80px;padding:.75rem;font-size:.95rem;transition:border-color .15s}.form-textarea:focus{border-color:var(--color-primary)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.form-actions{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.form-actions-right{gap:.5rem;display:flex}.info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-block{flex-direction:column;gap:.25rem;display:flex}.info-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;display:flex}.info-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.flag-icon{object-fit:cover;border-radius:2px;width:20px;height:14px;display:inline-block}.contact-section{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.contact-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.contact-icon{opacity:.7}.contact-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.copy-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:all .2s}.copy-btn:hover{background:var(--bg-element);color:var(--color-primary)}.copying{animation:.3s bounce;color:#00c853!important}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-item{flex-direction:column;gap:.4rem;display:flex}.stat-label{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.stat-value-badge{background:var(--color-primary);color:#fff;border-radius:20px;width:fit-content;padding:2px 10px;font-size:.85rem;font-weight:700}.stat-value-text{color:var(--text-main);font-size:.95rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #1e90ffb3}70%{transform:scale(1);box-shadow:0 0 0 6px #1e90ff00}to{transform:scale(.95);box-shadow:0 0 #1e90ff00}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}