:root{color:#17201d;background:#f5f7f3;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}main{width:100%;padding:42px clamp(20px,4vw,72px)}header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}h1,h2,h3,p{margin-top:0}.brand{text-align:left;color:inherit;background:0 0;padding:0}.brand h1{margin-bottom:0}.eyebrow{color:#27744e;letter-spacing:.13em;font-size:.72rem;font-weight:800}.user,.badge{color:#19613d;background:#e4f2e9;border-radius:999px;padding:9px 13px;font-size:.9rem}.user{font-weight:700}.panel,.empty,.widget{background:#fff;border:1px solid #e5e9e2;border-radius:16px;padding:22px;box-shadow:0 10px 30px #21402a0a}form{gap:14px;display:grid}label{color:#35433c;gap:7px;font-size:.86rem;font-weight:650;display:grid}input{color:#17201d;background:#fff;border:1px solid #d9dfd7;border-radius:9px;width:100%;padding:11px}.primary{color:#fff;text-align:center;background:#20744a;border-radius:9px;padding:11px 14px;font-weight:700;text-decoration:none}.primary:disabled{opacity:.65;cursor:wait}.danger{color:#a12e2e;background:#fff1f1}.muted{color:#68746d;font-size:.88rem}.error{color:#9f2626;background:#fff1f1;border-radius:9px;padding:12px}.warning{color:#805117;background:#fff8e9;border-radius:9px;padding:11px;font-size:.88rem}.welcome{max-width:720px;padding-top:15vh}.page-title{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-title h2{margin:5px 0 9px;font-size:2rem}.page-title p{color:#68746d;margin-bottom:0}.user-page{max-width:980px}.profile-logout{border-radius:9px;padding:11px 14px;font-weight:700}.quick-access{margin-top:8px}.quick-access-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px;display:grid}.quick-access-item{text-align:left;color:#17201d;background:#f8faf7;border:1px solid #dfe6dc;border-radius:12px;gap:7px;min-height:112px;padding:17px;transition:transform .15s,box-shadow .15s;display:grid}.quick-access-item:hover,.quick-access-item:focus-visible{transform:translateY(-2px);box-shadow:0 9px 20px #21402a12}.quick-access-item strong{color:#19613d}.quick-access-item span{color:#68746d;font-size:.86rem}.dashboard-list-layout{grid-template-columns:minmax(236px,300px) 1fr;align-items:start;gap:24px;display:grid}.create-dashboard{position:sticky;top:18px}.create-dashboard h3{margin-bottom:16px}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.dashboard-card{text-align:left;background:#fff;border:1px solid #e5e9e2;border-radius:16px;min-height:156px;padding:22px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 10px 30px #21402a0a}.dashboard-card:hover,.dashboard-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px #21402a16}.dashboard-card h3{margin-bottom:9px;padding-right:24px}.dashboard-card p{color:#68746d;min-height:43px;font-size:.9rem}.dashboard-card>span:last-child{color:#27744e;font-size:.8rem;font-weight:700}.card-arrow{color:#27744e;font-size:1.25rem;position:absolute;top:20px;right:20px}.dashboard-detail{flex-direction:column;width:100%;display:flex}.dashboard-detail>.back-link{order:-2;align-self:flex-start}.dashboard-detail>.title{order:-1}.dashboard-detail>.connections{order:1}.dashboard-detail>.dashboard-view{order:2}.agent-activity,.agent-notice{color:#17633b;background:#effbf3;border:1px solid #b8e4c7;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;font-size:.92rem;display:flex}.agent-activity{margin:0 0 16px}.agent-notice{z-index:20;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #18522f29}.agent-notice button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:8px;font-size:1.2rem;line-height:1}.agent-activity-dot{background:#20a15f;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #20a15f21}.back-link{color:#27744e;background:0 0;margin-bottom:20px;padding:0;font-weight:700}.title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.title h2{margin:5px 0 9px;font-size:2rem}.title p{color:#68746d;margin-bottom:0}.panel,.dashboard-view{margin-top:18px}.dashboard-agent-controls{display:none}.dashboard-heading p{color:#68746d}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));grid-auto-flow:dense;align-items:start;gap:18px;display:grid}.widget{align-self:start;min-width:0;height:auto;overflow:hidden}:is(.widget:has(.svg-chart),.widget:has(.proportion)){min-height:310px}.widget:has(.metrics){min-height:220px}.widget h4{margin:0 0 16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metrics div{background:#f4f8f4;border-radius:12px;padding:14px}.metrics span{color:#68746d;font-size:.8rem;display:block}.metrics strong{margin-top:6px;font-size:1.5rem;display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid #edf0eb;padding:9px 7px}th{color:#68746d}.widget:has(.table-wrap){grid-column:1/-1}.section-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-title h3{margin-bottom:6px}.section-title button{color:#263229;background:#e9eee9;border-radius:8px;padding:9px 12px}.connection{border-top:1px solid #edf0eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.connection>div{gap:5px;display:grid}.connection span,.connection em{color:#68746d;font-size:.82rem;font-style:normal}.connection button{border-radius:8px;padding:8px 10px}.svg-chart svg{border-bottom:1px solid #e5e9e2;width:100%;height:220px}.svg-chart{position:relative}.svg-chart rect,.svg-chart circle{cursor:crosshair}.chart-tooltip{z-index:3;color:#fff;pointer-events:none;background:#163b2af2;border:1px solid #b7c9be;border-radius:10px;gap:2px;min-width:120px;padding:8px 10px;font-size:.78rem;display:grid;position:absolute;transform:translate(12px,-115%);box-shadow:0 8px 24px #163b2a33}.chart-tooltip b{color:#b9f3cf}.chart-tooltip strong{font-size:.92rem}.dashboard-filter-panel{margin-top:18px}.dashboard-filter-panel h3{margin:0 0 4px}.dashboard-filter-panel .muted{margin:0}.dashboard-refresh-note{margin-top:12px}.svg-chart polyline{stroke-linejoin:round}.svg-chart circle{cursor:help}.chart-labels{color:#68746d;justify-content:space-between;gap:8px;font-size:.72rem;display:flex;overflow:hidden}.proportion{align-items:center;gap:18px;display:flex}.proportion svg{width:140px;transform:rotate(-90deg)}.legend{gap:8px;font-size:.86rem;display:grid}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.gauge{text-align:center}.gauge b{font-size:2rem;display:block}.gauge div{background:#e6eee8;border-radius:9px;height:14px;margin:16px 0;overflow:hidden}.gauge i{border-radius:inherit;background:linear-gradient(90deg,#20744a,#6fbf8e);height:100%;display:block}.gauge span{color:#68746d;font-size:.82rem}.widget-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.widget-list li{border-bottom:1px solid #edf0eb;justify-content:space-between;padding-bottom:8px;display:flex}.widget-text{white-space:pre-wrap;line-height:1.6}.unsupported{color:#8a5016;overflow-wrap:anywhere;background:#fff8e9;border-radius:9px;padding:12px;font-size:.82rem}.heatmap{gap:4px;display:grid;overflow:auto}.heatmap>div{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:4px;display:grid}.heatmap span{color:#fff;text-align:center;background:#20744a;border-radius:4px;padding:9px 5px;font-size:.75rem}.heatmap span:first-child{color:#68746d;text-align:left;background:0 0}.sankey{gap:10px;display:grid}.sankey>div{grid-template-columns:minmax(100px,1fr) minmax(36px,2fr) minmax(100px,1fr) 34px;align-items:center;gap:8px;font-size:.82rem;display:grid}.sankey b{background:linear-gradient(90deg,#4785d1,#20744a);border-radius:99px;height:14px}.sankey strong{text-align:right}.modal-backdrop{z-index:10;background:#12201877;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(100%,590px);max-height:calc(100vh - 48px);padding:26px;overflow:auto;box-shadow:0 24px 80px #10211666}.modal-title{justify-content:space-between;gap:16px;display:flex}.modal-title h2{margin:5px 0 9px}.icon-button{color:#46544c;background:#eff3ee;border-radius:50%;width:34px;height:34px;font-size:1.5rem;line-height:1}.modal fieldset{border:1px solid #dfe6dc;border-radius:10px;gap:10px;padding:12px;display:grid}.modal legend{color:#526057;padding:0 5px;font-size:.85rem}.modal .check{align-items:center;gap:9px;font-weight:500;display:flex}.modal .check input{width:auto}.modal input[readonly]{background:#f6f8f5;font-family:ui-monospace,monospace;font-size:.75rem}.title-actions{align-items:center;gap:10px;display:flex}.delete-dashboard-modal p{color:#5b655e}.delete-dashboard-modal form{gap:16px;display:grid}.delete-dashboard-modal label{gap:8px;display:grid}.delete-dashboard-modal strong{color:#9b2f35;overflow-wrap:anywhere}.connection-instructions{gap:24px;margin:24px 0;display:grid}.copyable-code-block{gap:10px;display:grid}.copyable-code-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.copyable-code-title h3{margin:0;font-size:.9rem}.copyable-code-title button{color:#263229;background:#e9eee9;border-radius:8px;flex:none;padding:8px 10px;font-size:.8rem;font-weight:700}.copyable-code-block pre{color:#17201d;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#f6f8f5;border:1px solid #dfe6dc;border-radius:10px;max-height:220px;margin:0;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;overflow:auto}.empty-dashboard{margin-top:0}.public-dashboard{max-width:1320px;margin:0 auto}@media (width<=820px){main{padding:28px 18px}.dashboard-list-layout,.dashboard-cards,.widget-grid{grid-template-columns:1fr}.create-dashboard{position:static}.widget:has(.table-wrap){grid-column:auto}}@media (width<=560px){header,.title,.section-title{flex-direction:column;align-items:flex-start}.title .primary{width:100%}.agent-connection-top{flex-direction:column;align-items:flex-start}.agent-connection-top .primary{width:100%}.connection{flex-direction:column;align-items:flex-start}.dashboard-card{min-height:0}}.modal-backdrop{z-index:10;background:#12201855;justify-content:flex-end;animation:.18s ease-out drawer-backdrop;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px 0 0 20px;width:min(100%,560px);height:100%;padding:30px;animation:.24s cubic-bezier(.2,.8,.2,1) drawer-in;overflow:auto;box-shadow:-18px 0 60px #10211644}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-backdrop{0%{background:#12201800}to{background:#12201855}}@media (width<=560px){.modal{border-radius:0;width:100%;padding:24px 18px}}.widget-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.auto-refresh-badge{color:#197342;white-space:nowrap;background:#e9f7ef;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.72rem;font-weight:700}.widget-code-button{color:#27744e;background:#f8faf7;border:1px solid #d9dfd7;border-radius:7px;padding:5px 9px;font-size:.76rem;font-weight:700}.widget-code-button:hover{background:#e4f2e9}.code-editor{width:min(100%,720px)}.code-editor textarea{resize:vertical;color:#e6f5ea;tab-size:2;background:#16231b;border:1px solid #d9dfd7;border-radius:10px;width:100%;min-height:58vh;padding:14px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.editor-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.editor-actions>button{border-radius:8px;padding:10px 14px}.dashboard-cards{background:#fff;border:1px solid #e5e9e2;border-radius:14px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden;box-shadow:0 10px 30px #21402a0a}.dashboard-table-header{color:#68746d;background:#f4f8f4;border-bottom:1px solid #e5e9e2;grid-template-columns:minmax(180px,1fr) minmax(250px,2fr) 100px 100px;gap:20px;padding:13px 18px;font-size:.76rem;font-weight:700;display:grid}.dashboard-card{width:100%;min-height:0;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #edf0eb;border-radius:0;grid-template-columns:minmax(180px,1fr) minmax(250px,2fr) 100px 100px;align-items:center;gap:20px;padding:16px 18px;display:grid}.dashboard-card:last-child{border-bottom:0}.dashboard-card h3,.dashboard-card p{min-height:0;margin:0;padding:0}.dashboard-card h3{grid-column:1}.dashboard-card p{grid-column:2}.dashboard-card>span:last-child{color:#27744e;grid-column:3}.card-arrow{grid-area:1/4;justify-self:end;font-size:0;position:static}.card-arrow:after{content:"Открыть";color:#27744e;font-size:.85rem;font-weight:700}@media (width<=820px){.dashboard-table-header{display:none}.dashboard-card{grid-template-columns:1fr auto;gap:8px}.dashboard-card h3{grid-column:1}.dashboard-card p{grid-area:2/1}.dashboard-card>span:last-child{grid-area:3/1}.card-arrow{grid-area:1/2/span 3}}