@font-face{font-family:Cairo;src:url(/fonts/cairo-arabic.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Cairo;src:url(/fonts/cairo-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Cairo;src:url(/fonts/cairo-latin-ext.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB}:root{--color-bg: #0b1220;--color-surface: #101a2e;--color-surface-raised: #16233c;--color-border: #29385a;--color-text: #f4f7fb;--color-text-muted: #a9b7d1;--color-primary: #189a63;--color-primary-dark: #136f4a;--color-primary-contrast: #ffffff;--color-danger: #e5484d;--color-danger-bg: #3a1418;--color-warning: #f2b90c;--color-warning-bg: #3a2f06;--radius: 14px;--tap-min: 52px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;font-size:18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Cairo,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--color-primary)}.screen{min-height:100%;display:flex;flex-direction:column;padding:var(--space-4) var(--space-3)}.btn{min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius);border:none;font-weight:700;font-size:1.05rem;padding:var(--space-3) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform .05s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-block{width:100%}.btn-huge{min-height:88px;font-size:1.4rem;border-radius:20px}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.field label{font-weight:600;font-size:.95rem;color:var(--color-text-muted)}.field .optional-tag{font-weight:400;font-size:.8rem;opacity:.75}.input,select.input,textarea.input{min-height:var(--tap-min);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3);font-size:1.1rem;width:100%}textarea.input{padding:var(--space-3);min-height:100px;resize:vertical}.input:focus,select.input:focus,textarea.input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.banner{border-radius:var(--radius);padding:var(--space-3);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.banner-danger{background:var(--color-danger-bg);color:#ff9598;border:1px solid var(--color-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020610b8;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:var(--space-3)}@media (min-width: 560px){.modal-overlay{align-items:center}}.modal{background:var(--color-surface);border-radius:22px 22px 0 0;border:1px solid var(--color-border);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;padding:var(--space-4)}@media (min-width: 560px){.modal{border-radius:22px}}.toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-primary-dark);color:#fff;padding:var(--space-2) var(--space-4);border-radius:999px;font-weight:600;z-index:80;box-shadow:0 8px 24px #0006}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.lang-toggle{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:var(--space-1) var(--space-3);min-height:40px;font-size:.9rem}.counter{font-size:1.3rem;font-weight:700;color:var(--color-text-muted);text-align:center;margin-top:var(--space-4)}.center-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.roster-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.roster-item:last-child{border-bottom:none}.pill{border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700}.pill-active{background:#189a632e;color:var(--color-primary)}.pill-inactive{background:#e5484d2e;color:var(--color-danger)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}table.data-table{width:100%;border-collapse:collapse;font-size:.95rem}table.data-table th,table.data-table td{text-align:start;padding:var(--space-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.stat-tile .value{font-size:1.8rem;font-weight:800}.stat-tile .label{color:var(--color-text-muted);font-size:.85rem}