:root{color:#172033;font-synthesis:none;--nav:#121b2b;--blue:#3768e8;--line:#e5e9f1;--muted:#738097;background:#f4f6fa;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.boot{height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.login-page{background:#fff;grid-template-columns:minmax(410px,46%) 1fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 15% 80%,#294f9e 0,#0000 35%),linear-gradient(145deg,#111a2a,#18294a);padding:48px 10%;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff16;border-radius:50%;width:380px;height:380px;position:absolute;top:15%;right:-130px}.brand-mark{vertical-align:middle;background:#4c73ed;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:13px;display:inline-flex}.login-brand>div:nth-child(2){vertical-align:middle;flex-direction:column;display:inline-flex}.login-brand strong{font-size:18px}.login-brand span{color:#aebbd2;font-size:12px}.login-promise{max-width:520px;position:absolute;top:42%;left:10%;transform:translateY(-30%)}.login-promise span{letter-spacing:.16em;text-transform:uppercase;color:#89a8ff;font-weight:700}.login-promise h1{margin:18px 0;font-size:44px;line-height:1.14}.login-promise p{color:#b9c5d8;line-height:1.8}.brand-foot{color:#aebbd2;align-items:center;gap:10px;display:flex;position:absolute;bottom:45px}.login-form-wrap{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:410px}.login-card h2{margin:8px 0;font-size:34px}.login-card>p{color:var(--muted);margin:0 0 34px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:11px;font-weight:800}label{flex-direction:column;gap:8px;margin:18px 0;font-size:13px;font-weight:700;display:flex}input,select{color:#202a3c;background:#fff;border:1px solid #dfe4ed;border-radius:10px;outline:none;padding:12px 14px}input:focus,select:focus{border-color:#7192ed;box-shadow:0 0 0 3px #3768e812}.primary{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.wide{width:100%}.login-card small{text-align:center;color:#95a0b1;margin-top:20px;display:block}.form-error,.notice.error{color:#bd3345;background:#fff1f2;border-radius:9px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;display:flex}.mobile-logo{display:none}.app-shell{min-height:100vh}.sidebar{background:var(--nav);color:#d8dfec;z-index:30;flex-direction:column;width:248px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:11px;padding:0 8px 27px;display:flex}.logo-icon{background:#416ce7;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo div:last-child{flex-direction:column;display:flex}.logo b{font-size:14px}.logo span{color:#718097;margin-top:2px;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#8997ad;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;display:flex}.nav-item:not(:disabled):hover{color:#fff;background:#ffffff09}.nav-item.active{color:#fff;background:#3768e8;box-shadow:0 8px 20px #3768e82d}.nav-item em{text-transform:uppercase;color:#617087;margin-left:auto;font-size:8px;font-style:normal}.sidebar-bottom{border-top:1px solid #ffffff12;grid-template-columns:34px 1fr 28px;align-items:center;gap:9px;margin-top:auto;padding:18px 4px 0;display:grid}.admin-avatar,.person-avatar,.big-avatar{color:#365ecb;background:#e7edff;border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:flex}.admin-avatar{width:34px;height:34px}.sidebar-bottom>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-bottom b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-bottom span{color:#758299;font-size:9px}.sidebar-bottom button{color:#758299;background:0 0;border:0}.workspace{min-height:100vh;margin-left:248px}.workspace>header{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0}.crumb{color:#8893a5;font-size:12px}.crumb span{color:#c0c7d1;margin:0 8px}.icon-button,.menu-button{background:#f3f5f9;border:0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-button{margin-left:auto;position:relative}.icon-button i{background:#ef4762;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.menu-button{display:none}.page{max-width:1500px;margin:auto;padding:32px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-heading h1{margin:5px 0;font-size:29px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.secondary,.danger-light{color:#3f4d63;background:#fff;border:1px solid #dfe4ed;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:700;display:flex}.danger-light{color:#bd3345;background:#fff7f8;border-color:#f1c9cf}.total-pill{color:#315cca;background:#e9efff;border-radius:30px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:44px 1fr;gap:13px;padding:20px;display:grid;box-shadow:0 4px 16px #17203306}.metric-icon{border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-icon.blue{color:#3768e8;background:#e9efff}.metric-icon.green{color:#159d6b;background:#e5f7ef}.metric-icon.orange{color:#dc8425;background:#fff1df}.metric-icon.red{color:#d74759;background:#ffeaed}.metric span{color:var(--muted);font-size:11px;display:block}.metric strong{margin-top:3px;font-size:26px;display:block}.metric small{color:#a1aabb;grid-column:2;font-size:9px}.skeleton{background:linear-gradient(90deg,#fff,#f3f5f8,#fff) 0 0/200% 100%;height:122px;animation:1.5s infinite shine}@keyframes shine{to{background-position:-200% 0}}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:17px;margin-top:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:21px;box-shadow:0 4px 16px #17203306}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title h3{margin:0;font-size:14px}.panel-title p{color:var(--muted);margin:5px 0;font-size:10px}.panel-title>svg{color:#91a0b5}.periods{gap:38px;margin:22px 0 14px;display:flex}.periods span,.inactive-list span{color:var(--muted);font-size:10px;display:block}.periods b{font-size:20px}.fake-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:9px;height:130px;padding:0 5px;display:flex}.fake-chart i{background:linear-gradient(#6287ef,#dce5ff);border-radius:4px 4px 0 0;flex:1;min-width:8px}.inactive-list{margin-top:19px}.inactive-list div{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.inactive-list b{font-size:18px}.errors-panel{margin-top:17px}.error-row{border-bottom:1px solid #eef1f6;grid-template-columns:8px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.severity{background:#e6a333;border-radius:50%;width:8px;height:8px}.severity.error,.severity.critical{background:#e34d5f}.error-row b{font-size:12px}.error-row p{color:var(--muted);margin:2px 0;font-size:11px}.error-row time{color:#939daf;font-size:10px}.empty{color:#8b97a8;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;display:flex}.empty b{color:#536075;font-size:12px}.empty span{font-size:10px}.users-panel{padding:0;overflow:hidden}.filters{border-bottom:1px solid var(--line);gap:10px;padding:18px;display:flex}.search{flex:1;align-items:center;max-width:520px;display:flex;position:relative}.search svg{color:#9aa4b5;position:absolute;left:12px}.search input{width:100%;padding-left:39px;padding-right:75px}.search button{color:#315cca;background:#edf2ff;border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;right:5px}.filters select{min-width:160px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-transform:uppercase;letter-spacing:.08em;color:#8c97a8;text-align:left;background:#fafbfc;padding:12px 17px;font-size:9px}td{color:#536075;border-top:1px solid #eef1f5;padding:14px 17px;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcff}.person{align-items:center;gap:10px;display:flex}.person-avatar{width:34px;height:34px}.person div:last-child{flex-direction:column;display:flex}.person b{color:#263248;font-size:11px}.person span{color:#8d98aa;font-size:9px}.mono{font-family:monospace}.muted{color:#a1a9b6}.badge{border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.badge.green{color:#18875e;background:#e7f7ef}.badge.orange{color:#b86b19;background:#fff1df}.badge.red{color:#bd3345;background:#ffeaed}.badge.gray{color:#647084;background:#edf0f4}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 18px;font-size:10px;display:flex}.pagination div{gap:5px;display:flex}.pagination button{border:1px solid var(--line);background:#fff;border-radius:7px;width:30px;height:30px}.pagination button svg{width:15px}.pagination button:disabled{opacity:.4}.drawer-scrim{z-index:39;background:#10182855;position:fixed;inset:0}.drawer{z-index:40;background:#fff;width:min(440px,100%);padding:30px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-15px 0 40px #10182820}.close{background:#f1f3f7;border:0;border-radius:9px;width:34px;height:34px;position:absolute;top:20px;right:20px}.close svg{width:18px}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:25px 0;display:flex}.big-avatar{width:58px;height:58px;font-size:20px}.drawer-head h2{margin:0 0 4px;font-size:18px}.drawer-head p{color:var(--muted);margin:0 0 8px;font-size:11px}.details,.timeline{padding:22px 0}.details h3,.timeline h3{margin:0 0 15px;font-size:12px}.details dl{margin:0}.details dl div{border-bottom:1px solid #f0f2f6;justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.details dt{color:var(--muted)}.details dd{text-align:right;margin:0;font-weight:600}.event{gap:12px;min-height:45px;display:flex}.event>i{background:#5379e8;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #e9efff}.event div{flex-direction:column;display:flex}.event b{font-size:10px}.event span{color:var(--muted);margin-top:3px;font-size:9px}.drawer-loading{text-align:center;color:var(--muted);padding:100px}.scrim{display:none}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.search{flex-basis:100%;width:100%;max-width:none}}@media (width<=760px){.login-page{display:block}.login-brand{display:none}.login-form-wrap{min-height:100vh;padding:25px}.mobile-logo{align-items:center;gap:8px;margin-bottom:60px;font-weight:800;display:flex}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{margin-right:12px;display:flex}.scrim{z-index:25;background:#0005;display:block;position:fixed;inset:0}.page{padding:20px 14px}.page-heading{align-items:flex-start;gap:15px}.page-heading .secondary{display:none}.metric-grid{grid-template-columns:1fr}.workspace>header{padding:0 15px}.filters select{flex:1}.total-pill{display:none}}.segment-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 18px;font-size:14px;display:flex}.segment-toolbar label{align-items:center;gap:8px;display:flex}.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.segment-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:21px;box-shadow:0 8px 30px #1c27390d}.segment-card.archived{opacity:.68}.segment-card-top,.segment-actions,.modal-actions{justify-content:space-between;align-items:center;display:flex}.segment-card h3{margin:18px 0 7px;font-size:18px}.segment-card>p{color:var(--muted);min-height:40px;font-size:14px}.rule-tags{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.rule-tags span{color:#526276;background:#f0f4f8;border-radius:7px;padding:5px 8px;font-size:12px}.segment-count{border-top:1px solid var(--border);margin-top:18px;padding-top:15px}.segment-count strong{font-size:28px;display:block}.segment-count span{color:var(--muted);font-size:13px}.segment-actions{margin-top:18px}.link-danger{color:#c44949;cursor:pointer;background:0 0;border:0}.segment-modal{z-index:31;background:#fff;border-radius:20px;width:min(680px,92vw);max-height:92vh;padding:28px;position:fixed;top:4vh;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 24px 80px #0a142347}.segment-modal h2{margin:7px 0 22px}.segment-modal form>label,.rule-form>label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.segment-modal input,.segment-modal textarea,.segment-modal select{border:1px solid var(--border);font:inherit;border-radius:10px;padding:11px 12px}.rule-form{background:#f7f9fb;border-radius:14px;grid-template-columns:1fr 1fr;gap:0 14px;padding:18px;display:grid}.rule-form h3{grid-column:1/-1;margin:0 0 15px}.rule-form .check{flex-direction:row;grid-column:1/-1;align-items:center}.preview-count{color:var(--muted);margin:17px 0}.preview-count strong{color:var(--text);margin-right:6px;font-size:24px}.modal-actions{justify-content:flex-end;gap:10px}@media (width<=1100px){.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.segment-grid,.rule-form{grid-template-columns:1fr}.rule-form h3,.rule-form .check{grid-column:1}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.app-shell .segment-modal{z-index:41}.app-shell .segment-card{border-color:var(--line)}.app-shell .preview-count strong{color:#172033}.app-shell .broadcast-modal{width:min(760px,94vw)}.broadcast-modal textarea{border:1px solid var(--line);font:inherit;resize:vertical;border-radius:10px;padding:12px}.text-counter{text-align:right;color:var(--muted);margin-top:-12px;font-size:11px}.telegram-preview{background:#dce9e5;border-radius:14px;margin:18px 0;padding:20px}.telegram-preview small{color:#647a74;margin-bottom:8px;display:block}.telegram-preview>div{white-space:pre-wrap;background:#fff;border-radius:8px 8px 8px 2px;max-width:480px;padding:12px}.telegram-preview button{color:#3186c6;background:#fff;border:0;border-radius:7px;width:min(480px,100%);margin-top:3px;padding:9px;display:block}.delivery-mini{font-size:11px}.delivery-mini b{color:#159d6b}.delivery-mini span{color:#bd3345}.delivery-mini small{color:var(--muted);margin-top:3px;display:block}.broadcast-actions{gap:6px;display:flex}.broadcast-name{flex-direction:column;gap:3px;display:flex}.broadcast-name small{color:var(--muted);font-size:9px}.period-select{min-width:130px}.stats-grid{grid-template-columns:1.7fr 1fr;gap:17px;margin-top:17px;display:grid}.real-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:4px;height:190px;padding-top:22px;display:flex}.chart-column{flex:1;align-items:flex-end;gap:1px;min-width:3px;height:100%;display:flex}.chart-column i,.chart-column b{border-radius:3px 3px 0 0;flex:1;min-width:2px;display:block}.chart-column i{background:#557ced}.chart-column b{background:#55c997}.chart-legend{color:var(--muted);gap:18px;margin-top:12px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:#557ced;border-radius:2px;width:8px;height:8px}.chart-legend span:last-child i{background:#55c997}.rank-list{margin-top:18px}.rank-list div{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.rank-list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-list b{font-size:15px}.stats-table{margin-top:17px;padding:0}.stats-table>.panel-title{padding:20px 21px}.stat-good{color:#159d6b;font-weight:800}@media (width<=1050px){.stats-grid{grid-template-columns:1fr}}@media (width<=760px){.period-select{min-width:105px}.stats-metrics{grid-template-columns:1fr 1fr}.stats-metrics .metric{padding:14px}.stats-metrics .metric strong{font-size:20px}}