:root{--bg: var(--tg-theme-bg-color, #ffffff);--surface: var(--tg-theme-secondary-bg-color, #f1f3f5);--text: var(--tg-theme-text-color, #16181c);--hint: var(--tg-theme-hint-color, #6b7280);--link: var(--tg-theme-link-color, #1d6fd1);--button: var(--tg-theme-button-color, #1d6fd1);--button-text: var(--tg-theme-button-text-color, #ffffff);--danger: var(--tg-theme-destructive-text-color, #c62828);--border: color-mix(in srgb, var(--text) 16%, transparent);--success: #1b7f3b;--warning-bg: #fff4d6;--warning-text: #6b4a00;--tabs-height: 60px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: var(--tg-theme-bg-color, #17191c);--surface: var(--tg-theme-secondary-bg-color, #22262b);--text: var(--tg-theme-text-color, #f2f3f5);--hint: var(--tg-theme-hint-color, #9aa3ad);--link: var(--tg-theme-link-color, #6ab3f3);--button: var(--tg-theme-button-color, #3a8ee6);--danger: var(--tg-theme-destructive-text-color, #ff7b72);--success: #5fd38a;--warning-bg: #4a3a0c;--warning-text: #ffe6a3}}:root[data-theme=light]{--success: #1b7f3b;--warning-bg: #fff4d6;--warning-text: #6b4a00}:root[data-theme=dark]{--success: #5fd38a;--warning-bg: #4a3a0c;--warning-text: #ffe6a3}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Noto Sans Arabic,sans-serif;font-size:16px;line-height:1.45}h1{font-size:1.5rem;margin:0 0 16px}h2{font-size:1.05rem;margin:28px 0 10px}a,.link-button{color:var(--link)}.app-shell,.auth-page{min-height:100vh;min-height:100dvh;max-width:560px;margin:0 auto}.page{padding:20px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-shell .page{padding-bottom:calc(var(--tabs-height) + 32px + env(safe-area-inset-bottom))}.field{margin:0 0 16px;padding:0;border:0;min-width:0}.field label,.field legend,.field-label{display:block;margin-bottom:6px;padding:0;font-size:.9rem;font-weight:600}.required{color:var(--danger)}input:not([type=radio]):not([type=file]),textarea{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}textarea{resize:vertical}input[readonly]{opacity:.75}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--link);outline-offset:2px}.field-invalid input,.field-invalid textarea{border-color:var(--danger)}.hint,.error,.card-meta,.empty{margin:6px 0 0;font-size:.85rem;color:var(--hint)}.error{color:var(--danger)}.hint-inline{color:var(--hint)}.radio-group{display:flex;flex-wrap:wrap;gap:10px}.radio-group legend{float:left;width:100%}.radio{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;margin:0!important;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-weight:400!important}.radio input{width:18px;height:18px;margin:0;accent-color:var(--button)}.photo-row,.location,.banner-row,.card-head,.card-actions{display:flex;align-items:center;gap:12px}.banner-row,.card-head{justify-content:space-between}.location-value{margin:8px 0 0;font-variant-numeric:tabular-nums}.button{display:block;width:100%;min-height:48px;margin-top:8px;padding:12px 16px;border:0;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.button-primary{background:var(--button);color:var(--button-text)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.location .button{width:auto;margin-top:0}.button-danger{margin-top:28px;background:transparent;color:var(--danger);border:1px solid var(--danger)}.link-button{min-height:44px;padding:0 4px;border:0;background:none;font:inherit;font-weight:600;cursor:pointer}.link-danger{color:var(--danger)}.switch-auth{margin-top:20px;text-align:center}.banner{padding:10px 16px;font-size:.9rem}.banner-offline{background:var(--warning-bg);color:var(--warning-text)}.banner-sync,.banner-pending{background:var(--surface);border-bottom:1px solid var(--border)}.banner .link-button{min-height:32px}.progress{height:6px;margin-top:8px;border-radius:3px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--button);transition:width .25s ease}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--border)}.tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--tabs-height);color:var(--hint);font-size:.75rem;text-decoration:none}.tab.active{color:var(--link);font-weight:600}.tab-icon{font-size:1.15rem;line-height:1}.badge{position:absolute;top:6px;left:calc(50% + 10px);min-width:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;line-height:18px;text-align:center}.cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.card-head strong{min-width:0;overflow-wrap:anywhere}.card-line{margin:4px 0 0;overflow-wrap:anywhere}.pill{flex-shrink:0;padding:2px 8px;border-radius:999px;border:1px solid currentColor;font-size:.75rem;font-weight:600;white-space:nowrap}.pill-success{color:var(--success)}.pill-warning{color:var(--warning-text);background:var(--warning-bg);border-color:transparent}.pill-danger{color:var(--danger)}.empty{padding:16px 0}.profile{display:flex;align-items:center;gap:14px}.profile-name{margin:0;font-size:1.1rem;font-weight:600}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-large{width:64px;height:64px}.avatar-empty{display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-size:1.5rem;font-weight:600}.details{margin:20px 0 0}.details div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.details dt{color:var(--hint)}.details dd{margin:0;text-align:end;overflow-wrap:anywhere}.toasts{position:fixed;left:12px;right:12px;bottom:calc(var(--tabs-height) + 12px + env(safe-area-inset-bottom));z-index:20;display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{max-width:480px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:#23272e;color:#fff;font:inherit;font-size:.92rem;text-align:start;box-shadow:0 6px 20px #00000040;pointer-events:auto;animation:toast-in .2s ease}.toast-success{background:#17683a}.toast-error{background:#a32222}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.spinner{width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--button);border-radius:50%;animation:spin .8s linear infinite}.spinner-inline,.spinner-page{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 0;color:var(--hint)}.spinner-page{min-height:100vh;min-height:100dvh}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner,.toast,.progress-fill{animation-duration:.01ms;transition:none}}
