:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--tg-theme-bg-color, #f6f7f9);color:var(--tg-theme-text-color, #18202f);--surface: var(--tg-theme-secondary-bg-color, #ffffff);--border: rgba(24, 32, 47, .12);--muted: var(--tg-theme-hint-color, #667085);--primary: var(--tg-theme-button-color, #2563eb);--primary-text: var(--tg-theme-button-text-color, #ffffff)}:root[data-theme=dark]{color-scheme:dark;--surface: var(--tg-theme-secondary-bg-color, #171b24);--border: rgba(255, 255, 255, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--tg-theme-bg-color, #f6f7f9)}button,select{font:inherit}button{cursor:pointer}.auth-screen,.app-frame{min-height:100vh;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.auth-screen{display:grid;place-items:center}.auth-panel,.page-surface{width:100%;max-width:720px;margin:0 auto}.auth-panel{display:grid;gap:18px;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.app-frame{display:grid;grid-template-rows:auto auto 1fr;gap:14px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:720px;margin:0 auto}.brand-row{display:flex;align-items:center;min-width:0;gap:10px}.brand-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--primary);color:var(--primary-text);font-weight:700}.brand-row p,.brand-row h1,.page-heading h1,.list-card h2,.list-card p{margin:0}.brand-row p{color:var(--muted);font-size:12px}.brand-row h1{overflow:hidden;max-width:42vw;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.2}.header-actions{display:flex;align-items:center;gap:8px}.header-actions select{max-width:160px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--surface);color:inherit}.ghost-button,.primary-button{border:1px solid var(--border);border-radius:8px;padding:9px 12px;background:var(--surface);color:inherit;font-weight:600}.primary-button{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.tab-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:720px;margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.tab-bar a{min-width:0;padding:11px 4px;color:var(--muted);text-align:center;text-decoration:none;font-size:13px;font-weight:650}.tab-bar a.active{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.content{width:100%}.page-surface{display:grid;gap:14px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading h1{font-size:24px;line-height:1.15}.list-stack{display:grid;gap:10px}.list-card{display:grid;gap:7px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.list-card h2{font-size:16px;line-height:1.25}.list-card p,.list-card span,.muted,.empty-state{color:var(--muted);font-size:14px;line-height:1.4}.card-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.card-row strong{flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);padding:4px 7px;font-size:11px}.error-banner{margin:0;border-radius:8px;background:#dc26261f;color:#b91c1c;padding:10px 12px;font-size:14px;line-height:1.4}.profile-list{display:flex;flex-wrap:wrap;gap:8px}.profile-list span{border:1px solid var(--border);border-radius:8px;padding:7px 9px}@media (max-width: 520px){.app-header{align-items:stretch;flex-direction:column}.brand-row h1{max-width:100%}.header-actions{justify-content:space-between}.header-actions select{flex:1 1 auto;max-width:none}}
