@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;600;700;800&display=swap";:root{--bg:#0f2a24;--bg2:#1a3d34;--card:#f4efe4;--ink:#14201c;--muted:#5c6b64;--accent:#c45c26;--accent2:#2f6f5e;--danger:#a33b2b;--called:#ffe08a;--ok:#2f6f5e;--shadow:0 12px 40px #00000040;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 10% -10%, #2a5a4a 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #7a3e1d 0%, transparent 50%), var(--bg);min-height:100vh;color:var(--ink);margin:0}.app-shell{max-width:560px;min-height:100vh;margin:0 auto;padding:16px;position:relative}.lang-toggle{top:12px;z-index:2;color:#f4efe4;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:6px 12px;position:absolute;inset-inline-end:12px}.page{padding-top:36px}.page h1{color:#f4efe4;letter-spacing:.02em;margin:0 0 4px;font-size:1.6rem}.muted{color:#f4efe4b8}.tiny{text-align:center;font-size:.8rem}.top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:20px}.card-called{background:var(--called);animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.015)}}.banner{background:var(--called);color:var(--ink);text-align:center;border-radius:14px;margin-bottom:12px;padding:12px;font-size:1.15rem;font-weight:700}.big-num{text-align:center;color:var(--accent);font-size:4.5rem;font-weight:800;line-height:1}.label{text-align:center;color:var(--muted);margin-top:0}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.stats div{text-align:center;background:#14201c0f;border-radius:14px;padding:12px}.stats strong{font-size:1.3rem;display:block}.stats span{color:var(--muted);font-size:.85rem}button,select,input{font:inherit}button{background:var(--accent2);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-weight:600}button.primary{background:var(--accent);width:100%}button.ghost{color:#f4efe4;background:#ffffff1f;border:1px solid #fff3}button.danger{background:var(--danger)}button:disabled{opacity:.6;cursor:not-allowed}.form{gap:12px;display:grid}.form label{color:var(--ink);gap:6px;font-weight:600;display:grid}.form input,.row input,.row select,.proxy input{background:#fff;border:1px solid #d5cdc0;border-radius:12px;width:100%;padding:12px 14px}.tabs{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.tabs button{color:#f4efe4;background:#ffffff1a;border:1px solid #0000}.tabs button.active{background:var(--card);color:var(--ink)}.row{grid-template-columns:1fr auto;gap:8px;margin-bottom:12px;display:grid}.proxy{margin-bottom:16px}.ticket-list{gap:10px;display:grid}.ticket{background:var(--card);border-radius:16px;padding:12px 14px}.ticket.status-called{outline:3px solid var(--accent);background:var(--called)}.ticket-main{align-items:center;gap:12px;display:flex}.qno{color:var(--accent);min-width:48px;font-size:1.4rem;font-weight:800}.pill{background:#14201c14;border-radius:999px;margin-inline-start:auto;padding:4px 10px;font-size:.8rem;font-weight:700}.ticket-actions{gap:8px;margin-top:10px;display:flex}.ticket-actions button{flex:1}.loc-flag{border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.loc-bad{background:var(--danger);color:#fff}.loc-warn{color:#fff;background:#b98a2b}.loc-proxy{color:var(--ink);background:#14201c1f}.loc-hint{text-align:center;color:var(--muted);margin:10px 0 0}.msg{color:#ffd0c2;background:#a33b2b59;border-radius:10px;padding:10px 12px}.card .msg{color:var(--danger);background:#a33b2b1a}.hint{margin-top:16px;font-size:.85rem;line-height:1.4}.login-page .card{margin-top:8px}html,body,#root{min-height:100%}