:root{--bg: #0f0f0f;--panel: #1a1a1a;--border: #2a2a2a;--text: #f5f5f5;--muted: #888;--accent: #d32f2f}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;padding-top:constant(safe-area-inset-top);padding-top:max(calc(env(safe-area-inset-top,0px) + 12px),calc(var(--tg-safe-area-inset-top, 0px) + 12px),calc(var(--tg-content-safe-area-inset-top, 0px) + 12px),16px);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{min-height:100vh;max-width:100%;overflow-x:hidden}a{color:var(--accent)}button{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--border)}input,select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:14px}.page{padding:16px;max-width:900px;margin:0 auto;width:100%;min-width:0;overflow-x:auto}.page h1{margin-bottom:16px;font-size:clamp(18px,5vw,24px)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;min-width:0;overflow-wrap:break-word}.card h2{font-size:16px;margin-bottom:12px;color:var(--muted)}.nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-top:4px;padding-bottom:16px;border-bottom:1px solid var(--border);max-width:100%;min-width:0}@media (max-width: 768px){.page{padding-top:20px}.nav{padding-top:12px}}.nav a{padding:8px 12px;border-radius:8px;text-decoration:none;background:var(--panel);color:var(--text);white-space:nowrap}.nav a:hover{background:var(--border)}.nav a.active{background:var(--accent);color:#fff}table{width:100%;border-collapse:collapse;table-layout:fixed;max-width:100%}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;word-break:break-word}th{color:var(--muted);font-weight:600;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px}.badge.ok{background:#1b5e20;color:#c8e6c9}.badge.warn{background:#e65100;color:#ffe0b2}.badge.danger{background:var(--accent);color:#fff}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:12px;min-width:0}.stat{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:0}.stat .val{font-size:24px;font-weight:700;color:var(--accent)}.stat .label{font-size:12px;color:var(--muted)}.tasks-layout{display:grid;gap:16px;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.tasks-pane{min-width:0}.tasks-queue{display:flex;flex-direction:column;gap:10px}.task-queue-button{width:100%;text-align:left;padding:14px;border-radius:12px}.task-queue-button.secondary{background:var(--panel);border:1px solid var(--border)}.task-queue-button.active{background:var(--accent)}.task-queue-number{font-weight:700;margin-bottom:6px}.task-queue-title{margin-bottom:6px}.task-queue-meta{color:var(--muted);font-size:12px;margin-bottom:6px}.task-queue-last-message,.task-queue-badge{font-size:12px;margin-top:6px}.task-queue-badge{color:#ffe082}.tasks-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.tasks-detail-header h2{margin-bottom:0}.tasks-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.tasks-summary{display:grid;gap:8px;margin-bottom:16px}.tasks-summary-number{font-weight:700}.tasks-summary-title{font-size:24px;font-weight:700}.tasks-summary-description{color:var(--muted);white-space:pre-wrap}.tasks-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.tasks-summary-item{color:var(--muted)}.tasks-estimate-card{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:16px}.tasks-thread-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-height:420px;overflow-y:auto}.tasks-thread-message{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel)}.tasks-thread-message-admin{background:#d32f2f1f}.tasks-thread-message-bitrix_manager{background:#2196f324}@media (max-width: 900px){.tasks-layout{grid-template-columns:1fr}.tasks-layout.detail-open>:first-child{display:none}.tasks-layout.queue-open>:last-child{display:none}.tasks-summary-title{font-size:18px}}