:root{--app-bg: var(--tg-bg-color, #f5f6f8);--app-text: var(--tg-text-color, #181c22);--app-muted: var(--tg-hint-color, #68717f);--app-surface: var(--tg-secondary-bg-color, #ffffff);--app-surface-2: #eef2f5;--app-border: rgba(24, 31, 43, .13);--app-accent: var(--tg-button-color, #246bfe);--app-accent-text: var(--tg-button-text-color, #ffffff);--app-danger: #bd3340;--app-warning: #8a5a00;--app-success: #21704c;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-content-safe-top: var(--app-safe-top);--app-content-safe-bottom: var(--app-safe-bottom);--app-telegram-top-offset: 0px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--app-bg: var(--tg-bg-color, #111418);--app-text: var(--tg-text-color, #f4f6f9);--app-muted: var(--tg-hint-color, #9da6b5);--app-surface: var(--tg-secondary-bg-color, #1b2027);--app-surface-2: #252b33;--app-border: rgba(230, 237, 247, .15);color-scheme:dark}*{box-sizing:border-box}html,body,#app{max-width:100%;min-height:100%;overflow-x:clip}body{margin:0;min-width:320px;background:var(--app-bg);color:var(--app-text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--app-accent) 50%,transparent);outline-offset:2px}button{cursor:pointer}button:disabled{cursor:default;opacity:.62}.admin-frame{min-height:100vh}.sidebar{display:none}.main-column{min-width:0}.content-shell{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:calc(18px + max(var(--app-content-safe-top),var(--app-telegram-top-offset))) 14px calc(92px + var(--app-content-safe-bottom))}.page-title{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:16px}.page-title>div:not(.page-title-action){min-width:0}.page-title p{margin:0 0 3px;color:var(--app-muted);font-size:13px}.page-title h1{margin:0;font-size:28px;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}.page-title-action{margin-left:auto}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text)}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.summary-card,.detail-section,.filter-panel,.state,.data-row,.dashboard-action,.issue-row,.slot-detail{border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.summary-card{display:grid;min-height:84px;align-content:center;padding:14px}.summary-card span{display:block;color:var(--app-muted);font-size:13px}.summary-card strong{display:block;margin-top:10px;font-size:28px;line-height:1}.summary-card--success strong{color:var(--app-success)}.summary-card--warning strong{color:var(--app-warning)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-action{display:grid;gap:6px;min-height:92px;padding:14px}.dashboard-action strong{font-size:17px}.dashboard-action span,.muted{color:var(--app-muted)}.section-block{margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading h2,.detail-section h2,.state h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:0}.issue-list{display:grid;gap:8px}.issue-row{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:12px}.filter-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:10px}.filter-panel--clients{grid-template-columns:minmax(0,1fr) minmax(130px,.34fr)}.filter-panel input,.filter-panel select,.account-form input,.slot-editor input,.slot-detail-edit input{width:100%;min-width:0;height:40px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-bg);color:var(--app-text);padding:0 10px}.chip-row{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:6px}.filter-chip,.page-actions button,.account-form button,.slot-editor button,.slot-detail-edit button,.state button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text);padding:0 12px;font-weight:700}.filter-chip.active{border-color:color-mix(in srgb,var(--app-accent) 55%,var(--app-border));background:color-mix(in srgb,var(--app-accent) 10%,var(--app-surface));color:var(--app-accent)}.page-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.account-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.account-form button{background:var(--app-accent);color:var(--app-accent-text)}.data-list{display:grid;gap:8px;max-width:100%}.data-row{display:grid;min-width:0;gap:10px;padding:12px}.data-row:hover,.dashboard-action:hover,.issue-row:hover{border-color:color-mix(in srgb,var(--app-accent) 45%,var(--app-border))}.card-main{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:10px}.card-title{display:block;min-width:0;font-size:17px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.card-subtitle{margin-top:4px;color:var(--app-muted);font-size:13px;overflow-wrap:anywhere}.copy-row,.metric-row,.assignment-line{display:flex;min-width:0;flex-wrap:wrap;gap:8px}.metric-row span,.assignment-line span{min-height:30px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-2);padding:6px 9px;color:var(--app-muted);font-size:13px;overflow-wrap:anywhere}.copy-button{display:inline-flex;max-width:100%;min-height:34px;align-items:center;gap:6px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-2);color:var(--app-text);padding:0 10px}.copy-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-2);color:var(--app-muted);padding:0 8px;font-size:12px;font-weight:800;white-space:nowrap}.status-pill--success{border-color:color-mix(in srgb,var(--app-success) 35%,var(--app-border));background:color-mix(in srgb,var(--app-success) 10%,var(--app-surface));color:var(--app-success)}.status-pill--warning{border-color:color-mix(in srgb,var(--app-warning) 38%,var(--app-border));background:color-mix(in srgb,var(--app-warning) 12%,var(--app-surface));color:var(--app-warning)}.status-pill--danger{border-color:color-mix(in srgb,var(--app-danger) 38%,var(--app-border));background:color-mix(in srgb,var(--app-danger) 10%,var(--app-surface));color:var(--app-danger)}.slot-grid,.slot-detail-list{display:grid;gap:8px}.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 42px;gap:6px;align-items:center;min-width:0;border:1px solid var(--app-border);border-radius:8px;background:var(--app-bg);padding:8px}.slot-editor strong,.slot-detail strong{display:block;font-size:13px}.slot-editor small{display:block;min-width:0;margin-top:2px;color:var(--app-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-editor button{width:42px;padding:0}.card-link,.text-link{color:var(--app-accent);font-weight:800}.detail-section{display:grid;gap:12px;padding:14px}.detail-headline{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.detail-headline p{margin:5px 0 0;color:var(--app-muted);overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-grid span{min-height:34px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-bg);padding:8px 10px;overflow-wrap:anywhere}.slot-detail{display:grid;gap:9px;padding:12px}.slot-detail--current{border-color:color-mix(in srgb,var(--app-success) 55%,var(--app-border))}.slot-detail-title,.slot-detail-body,.slot-detail-edit{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.slot-detail-body span{color:var(--app-muted);overflow-wrap:anywhere}.slot-detail-edit{display:grid;grid-template-columns:minmax(0,1fr) auto}.history-list{display:grid;gap:8px}.history-row{display:grid;grid-template-columns:128px 150px minmax(0,1fr);gap:8px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);padding:10px;font-size:13px}.history-row span,.history-row strong,.history-row time{min-width:0;overflow-wrap:anywhere}.state{display:grid;gap:10px;padding:18px;margin-bottom:12px}.state p{margin:0;color:var(--app-muted)}.state--error{border-color:color-mix(in srgb,var(--app-danger) 42%,var(--app-border))}.skeleton-list{display:grid;gap:8px;margin-bottom:12px}.skeleton-row{height:64px;border-radius:8px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--app-text) 7%,transparent),transparent),var(--app-surface);background-size:220px 100%,100% 100%;animation:skeleton 1.2s ease-in-out infinite}@keyframes skeleton{0%{background-position:-220px 0,0 0}to{background-position:calc(100% + 220px) 0,0 0}}.toast{position:fixed;right:14px;bottom:calc(82px + var(--app-safe-bottom));z-index:20;max-width:min(360px,calc(100vw - 28px));border:1px solid color-mix(in srgb,var(--app-success) 35%,var(--app-border));border-radius:8px;background:var(--app-surface);color:var(--app-text);padding:11px 12px;box-shadow:0 14px 34px #00000029}.toast--error{border-color:color-mix(in srgb,var(--app-danger) 45%,var(--app-border))}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:15;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 10px calc(8px + var(--app-safe-bottom));border-top:1px solid var(--app-border);background:color-mix(in srgb,var(--app-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{display:grid;min-width:0;min-height:48px;place-items:center;align-content:center;gap:3px;border-radius:8px;color:var(--app-muted);font-size:12px;font-weight:800}.bottom-nav a.active{background:color-mix(in srgb,var(--app-accent) 10%,var(--app-surface));color:var(--app-accent)}@media(max-width:760px){.content-shell{padding-right:10px;padding-left:10px}.page-title h1{font-size:25px}.summary-grid,.dashboard-grid,.detail-grid,.slot-grid,.filter-panel,.filter-panel--clients,.account-form,.slot-editor,.slot-detail-edit,.history-row{grid-template-columns:1fr}.slot-editor button,.slot-detail-edit button{width:100%}.card-main,.detail-headline{align-items:stretch;flex-direction:column}.status-pill{width:fit-content;max-width:100%}}@media(min-width:980px){.admin-frame{display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:18px;border-right:1px solid var(--app-border);background:var(--app-surface);padding:22px 16px}.brand span{display:block;font-size:20px;font-weight:900}.brand small{display:block;margin-top:4px;color:var(--app-muted);font-size:12px}.nav-list{display:grid;gap:6px}.nav-list a{display:flex;min-height:42px;align-items:center;gap:9px;border-radius:8px;color:var(--app-muted);padding:0 10px;font-weight:800}.nav-list a.active{background:color-mix(in srgb,var(--app-accent) 10%,var(--app-surface));color:var(--app-accent)}.content-shell{padding:28px 24px 44px}.bottom-nav{display:none}.toast{bottom:18px}}
