:root{--ink:#17253b;--muted:#7a8597;--blue:#3977ee;--line:#e7ebf2;--canvas:#f5f7fb;--green:#169876;--red:#d84e5f}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-bottom:10px}h2{font-size:16px;letter-spacing:-.2px;margin-bottom:18px}p{color:var(--muted);margin-bottom:16px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#8491a7;display:block;margin-bottom:13px}.shell{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;background:#101a2b;color:#b8c2d3;padding:35px 20px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:27px;padding:0 10px 42px}.brand span{font-size:19px;font-weight:650;letter-spacing:-.5px}.brand small{display:block;color:#74839a;font-size:8px;letter-spacing:1.4px;margin-top:4px}.sidebar nav{display:grid;gap:8px}.nav{background:none;border:0;border-radius:8px;color:#8899b1;text-align:left;display:flex;align-items:center;gap:14px;padding:13px 14px;font-size:19px}.nav span{font-size:13px}.nav.active{background:#213655;color:#8bb9ff}.nav:hover{background:#1b2c44}.nav-count{margin-left:auto;background:#2c456b;padding:1px 5px;border-radius:4px;font-size:10px!important}.sidebar-footer{margin-top:auto;border-top:1px solid #243044;padding:22px 6px 0;display:flex;align-items:center;gap:9px;font-size:11px;color:#8b9aaf}.sidebar-footer button{margin-left:auto;background:none;border:0;color:#a5b4ca;font-size:20px}.connection-dot{width:6px;height:6px;background:#4cd1a4;border-radius:50%}main{width:calc(100% - 235px);margin-left:235px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:white;font-size:12px}.breadcrumb{color:#8b95a5}.breadcrumb span{padding:0 12px;color:#c2c9d4}.breadcrumb strong{color:#34455e;font-weight:550}.sync-state{font-size:11px;color:var(--green)}.content{padding:38px;max-width:1580px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{font-size:13px;margin:0}.primary,.secondary{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:11px 17px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 6px #3977ee1a}.primary:hover{background:#2868e2}.secondary{background:#fff;border-color:#dde4ee;color:#44536a}.secondary:hover{background:#f4f7fc}.text-button{color:var(--blue);background:none;border:none;padding:0;font-size:11px;font-weight:600;white-space:nowrap}.notice{background:#edf4ff;border:1px solid #dce8fc;border-radius:9px;display:flex;align-items:center;gap:15px;padding:17px 20px;margin-bottom:24px}.notice>span{font-size:25px;color:var(--blue)}.notice strong{font-size:12px}.notice p{font-size:11px;margin:3px 0 0;color:#6e84a3}.notice .text-button{margin-left:auto}.notice.danger{background:#fff1f2;border-color:#fad6db}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px}.stat>span{color:#718098;font-size:12px}.stat strong{display:block;font-size:33px;letter-spacing:-1.2px;line-height:1.3;margin:12px 0 8px;font-weight:650}.stat small{font-size:10px;color:#93a0b3}.control-card{border:1px solid var(--line);border-radius:10px;background:white;padding:28px;display:flex;align-items:center;gap:28px;margin-bottom:25px}.control-intro{flex:1}.status-tag{font-size:10px;display:inline-block;background:#eef1f6;border-radius:5px;padding:4px 8px;color:#7b889b;margin-bottom:11px}.status-tag.running{background:#e6f8f1;color:var(--green)}.control-card h2{font-size:20px;margin:0 0 7px;letter-spacing:-.5px}.control-card p{font-size:11px;margin:0}.interval-summary{padding:0 28px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.interval-summary span{display:block;font-size:8px;letter-spacing:1.3px;color:#94a0b1}.interval-summary strong{display:block;font-size:23px;letter-spacing:-.7px;margin:7px 0}.interval-summary small{color:var(--muted);font-size:10px}.run-buttons{display:grid;gap:9px}.two-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:24px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-heading h2{margin:0}.muted{color:#96a1b2;font-size:9px;letter-spacing:1px}.event-list:empty:after{content:"Событий пока нет";display:block;color:#93a0b3;padding:25px 0;text-align:center}.event{display:flex;gap:13px;border-bottom:1px solid #f0f2f6;padding:15px 0}.event:first-child{padding-top:0}.event:last-child{border-bottom:0}.event-icon{height:27px;width:27px;flex-shrink:0;background:#eef4ff;color:var(--blue);border-radius:7px;display:grid;place-items:center;font-size:12px}.event.error .event-icon{background:#fff0f0;color:var(--red)}.event.summary .event-icon{background:#e7f7f1;color:var(--green)}.event-text{font-size:11px;white-space:pre-wrap;word-break:break-word;flex:1}.event time{font-size:9px;color:#9aa5b5;display:block;margin-top:5px}.queue-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f6;padding:15px 0;font-size:11px;color:#7b879b}.queue-row strong{font-size:14px;color:#3e4d65}.full{width:100%;margin-top:24px}.footnote{font-size:10px;line-height:1.7;color:#97a1b1;margin:15px 0 0}.table-card{padding:0}.table-tools{padding:20px;display:flex;gap:15px}.table-tools input{flex:1}.table-tools select{width:220px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:#f9fafd;color:#8a96aa;font-size:10px}th,td{padding:15px 20px;border-bottom:1px solid var(--line)}th{font-weight:550}td:first-child{max-width:280px;word-break:break-word}td strong{display:block;color:#42506a;font-weight:550}.source-link{font-size:9px;color:#9aa7ba;display:block;margin-top:3px}.badge{font-size:9px;border:1px solid #e2e8f0;border-radius:5px;padding:4px 7px;color:#8190a6;display:inline-block;white-space:nowrap}.badge.sent{background:#e8f8f0;border-color:#ddf0e6;color:var(--green)}.badge.failed,.badge.unknown{background:#fff0f1;color:#cf5666;border-color:#fbe0e3}.badge.pending{background:#fff8e6;color:#ae8a36;border-color:#f8ecc8}.badge.queued{background:#eef4fd;color:#7390b7}.pagination{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;color:#8c98aa;font-size:11px}.pagination button{padding:6px 13px;margin-left:7px}label{display:block;font-size:11px;color:#74819a;margin-bottom:18px}input,textarea,select{display:block;width:100%;border:1px solid #dce3ee;border-radius:6px;padding:11px 12px;margin-top:7px;color:#34455d;background:white;font-size:12px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#7ba8ff;outline:3px solid #3977ee14}input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);display:inline-block;margin:0;vertical-align:middle;cursor:pointer}textarea{resize:vertical;line-height:1.7}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-pair label{min-width:0}.tempo-preview{border-radius:7px;background:#f2f6fd;color:#4079d7;text-align:center;padding:18px;font-size:28px;letter-spacing:-1px;font-weight:600}.message-bubble{background:#f0f6ff;border-radius:10px 10px 2px 10px;padding:20px;font-size:12px;white-space:pre-wrap;line-height:1.75;word-break:break-word}.message-bubble a{font-weight:600}.save-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);padding:18px 22px;border-radius:9px;font-size:11px;color:#8c97aa}.inline-label{margin:0;display:flex;align-items:center;gap:8px;font-size:10px}.account-identity{font-size:13px;margin:15px 0 25px;color:#56667f}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#e4edff,transparent 55%),#f5f7fb}.login-card{width:410px;max-width:100%;border:1px solid #e4e9f2;background:white;border-radius:15px;padding:38px;box-shadow:0 20px 70px #2339580a}.logo-mark{background:#edf4ff;color:var(--blue);border-radius:12px;font-size:30px;width:57px;height:57px;display:grid;place-items:center;margin-bottom:30px}.login-card h1{font-size:28px}.login-card p{font-size:12px;margin-bottom:25px}.login-card .primary{width:100%;justify-content:space-between}.login-card small{font-size:9px;color:#a1abbb}.login-card .error-text{color:var(--red);margin:15px 0}.login-card .eyebrow{font-size:9px}#toast{position:fixed;right:25px;top:20px;z-index:20;border:1px solid #b9dbcc;background:#edfaf3;color:#247956;padding:15px 22px;max-width:550px;border-radius:8px;box-shadow:0 5px 30px #0001;font-size:12px}#toast.error{color:#a23244;background:#fff0f1;border-color:#f3c5ce}footer{display:flex;justify-content:center;gap:8px;font-size:9px;color:#a1abbb;padding:30px 0 0}
@media(min-width:1600px){.content{padding-top:45px}.stats{gap:24px}.stat{padding:28px}}@media(max-width:1100px){.sidebar{width:195px;padding-left:14px;padding-right:14px}main{margin-left:195px;width:calc(100% - 195px)}.content{padding:25px}.topbar{padding:0 25px}.control-card{flex-wrap:wrap}.control-intro{flex-basis:50%}.run-buttons{display:flex;width:100%}.run-buttons button{flex:1}.interval-summary{border-right:0;padding-right:0}.stats{gap:12px}.stat{padding:17px}.stat small{font-size:9px}.two-columns{gap:18px}.card{padding:21px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px 18px}.brand{padding:0 0 15px;font-size:22px}.brand span{font-size:16px}.brand small{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.nav{padding:9px 10px;gap:6px;white-space:nowrap}.nav span{font-size:10px}.nav-count,.sidebar-footer{display:none!important}.shell{display:block}main{margin-left:0;width:100%}.topbar{height:55px;padding:0 20px;font-size:10px}.content{padding:25px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}h1{font-size:25px}.page-heading p{font-size:11px}.eyebrow{font-size:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat strong{font-size:28px}.stat small{font-size:9px}.control-card{padding:22px;gap:20px}.control-intro{flex-basis:100%}.interval-summary{padding:0;border:0;flex:1}.control-card h2{font-size:19px}.run-buttons{width:auto;display:grid;flex:1}.two-columns{grid-template-columns:1fr;gap:0}.notice{padding:15px;flex-wrap:wrap}.notice .text-button{margin-left:0}.field-pair{grid-template-columns:1fr;gap:0}.table-tools{flex-direction:column;gap:7px}.table-tools select{width:100%}.table-tools input{width:100%}th,td{padding:12px;font-size:10px}.table-card{padding:0}.login-card{padding:28px}.sync-state{font-size:9px}#toast{right:15px;left:15px;top:15px;max-width:none}.save-bar{gap:15px}.breadcrumb span{padding:0 5px}.card-heading .text-button{font-size:10px}}

/* iPhone and other compact touch screens. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:110px}
.permission-control{display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:44px;min-height:44px;cursor:pointer}
@media(max-width:760px), (pointer:coarse) and (max-width:1024px){
 body{font-size:15px;min-height:100vh;min-height:100svh}
 .shell{display:block;min-height:100vh;min-height:100svh}main{margin-left:0;width:100%}.two-columns{grid-template-columns:1fr;gap:0}.field-pair{grid-template-columns:1fr;gap:0}.nav-count{display:none!important}
 .sidebar{width:100%;position:relative;padding:calc(12px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 12px max(18px,env(safe-area-inset-left,0px));min-height:70px}
 .brand{padding:0;min-height:44px;width:max-content;gap:10px}
 .brand span{font-size:18px}.brand small{display:block;font-size:8px;letter-spacing:1px}
 .sidebar nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:visible;padding:6px max(6px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:#101a2b;border-top:1px solid #2b3d56;box-shadow:0 -4px 20px #101a2b12}
 .nav{min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:20px;line-height:1.2;border-radius:8px}
 .nav span{font-size:9px;line-height:1.3;white-space:normal;text-align:center}
 .nav.active{color:#b1d2ff;background:#213655}
 .sidebar-footer{display:flex!important;position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));margin:0;border:0;padding:0}
 .sidebar-footer>span{display:none}.sidebar-footer button{width:44px;height:44px;border:1px solid #33445d;border-radius:8px;font-size:24px;margin:0}
 .topbar{padding:0 max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));height:52px;gap:10px}
 .breadcrumb{font-size:10px}.sync-state{font-size:10px;white-space:nowrap}
 .content{padding:25px max(16px,env(safe-area-inset-right,0px)) calc(108px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 h1{font-size:25px;line-height:1.25;overflow-wrap:anywhere}h2{font-size:17px}
 .page-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:22px}.page-heading p{font-size:13px;line-height:1.6}
 .eyebrow{font-size:10px;letter-spacing:1.3px}
 .primary,.secondary{min-height:46px;padding:11px 16px;font-size:13px;white-space:normal;line-height:1.4;text-align:center}
 .text-button{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
 input,textarea,select{font-size:16px!important;min-height:48px;border-radius:9px;padding:12px;margin-top:8px;max-width:100%;scroll-margin-top:16px;scroll-margin-bottom:90px}
 textarea{line-height:1.6;min-height:290px}label{font-size:13px;line-height:1.6}
 input[type=checkbox]{min-height:0;width:22px;height:22px;padding:0;border-radius:5px}
 input[type=number]{-moz-appearance:textfield}
 .notice{padding:16px;gap:10px}.notice strong{font-size:13px}.notice p{font-size:12px;line-height:1.6}.notice .text-button{margin-top:3px}
 .notice>div{min-width:0;flex:1 1 240px}.notice>span{display:none}
 .stats{gap:10px}.stat{padding:16px 13px}.stat>span{font-size:12px}.stat strong{font-size:30px;margin:10px 0 7px}.stat small{display:block;font-size:11px;line-height:1.5}
 .control-intro{flex-basis:100%}.control-card{gap:20px;padding:20px}.control-card h2{font-size:21px;line-height:1.3}.control-card p{font-size:12px;line-height:1.6}
 .status-tag{font-size:12px;padding:5px 9px}.interval-summary{flex-basis:100%}.interval-summary span{font-size:10px}.interval-summary strong{font-size:26px}.interval-summary small{font-size:12px}
 .run-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;flex-basis:100%;gap:10px}.run-buttons button{width:100%;min-height:50px;font-size:14px}
 .card{padding:20px;margin-bottom:18px}.card-heading{gap:10px;align-items:center}.card-heading .text-button{font-size:11px}.muted{font-size:9px}
 .queue-row{font-size:13px;gap:16px;padding:16px 0}.queue-row strong{font-size:16px}.footnote{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
 .event-text{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.event time{font-size:11px}.event-icon{width:30px;height:30px}.event{gap:10px}
 .inline-label{min-height:44px;font-size:11px;gap:8px}.inline-label input{flex-shrink:0}
 .table-card{padding:0;overflow:hidden}.table-tools{flex-direction:column;padding:16px;gap:6px}.table-tools input,.table-tools select{margin:0 0 8px}.table-scroll{overflow:visible}
 table,tbody{display:block;width:100%}thead{display:none}
 tbody tr{display:block;border:1px solid var(--line);border-radius:10px;margin:0 12px 12px;padding:6px 0;background:white}
 td{display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;padding:8px 14px;max-width:none!important;min-height:38px;font-size:13px;overflow-wrap:anywhere}
 td:first-child{display:block;padding-top:8px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}
 td:first-child>a:first-child{font-size:15px;font-weight:600;display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;word-break:break-word}
 td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;flex-shrink:0;font-weight:400}
 td[data-label="Результат"]:empty{display:none}
 .source-link{font-size:11px;line-height:1.5;display:flex;align-items:center;min-height:44px;margin:0}
 .badge{font-size:11px;padding:5px 8px;white-space:normal;text-align:right}.permission-control{margin:-3px -8px -3px 0}
 .pagination{padding:12px 16px 16px;gap:10px;font-size:12px}.pagination>div{display:flex;gap:6px}.pagination button{min-width:44px;min-height:44px;margin:0;padding:8px 12px}
 .table-card .table-tools select{width:100%}.message-bubble{font-size:14px;padding:17px}.tempo-preview{font-size:28px}
 .save-bar{position:sticky;bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:10;flex-direction:column;gap:10px;padding:14px;border-radius:10px;box-shadow:0 5px 25px #17253b14;font-size:12px}
 .save-bar button{width:100%;min-height:48px}.account-identity{font-size:14px;overflow-wrap:anywhere}
 #phone-form button,#code-form button,#password-form button,#bot-form button{width:100%}
 .login-screen{min-height:100vh;min-height:100svh;padding:calc(24px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
 .login-card{padding:28px 24px}.login-card p{font-size:14px;line-height:1.6}.login-card small{font-size:11px;overflow-wrap:anywhere}.login-card h1{font-size:27px}.login-card .primary{min-height:50px;font-size:14px}
 #toast{top:calc(12px + env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));font-size:13px;overflow-wrap:anywhere;pointer-events:none}
 footer{font-size:10px;line-height:1.6;text-align:center;flex-wrap:wrap;padding-top:15px}
 body.input-focused .sidebar nav{display:none}body.input-focused .save-bar{position:static}
}
@media(max-width:360px){.content{padding-left:12px;padding-right:12px}.stat{padding:14px 10px}.stat>span{font-size:11px}.nav span{font-size:8px}.breadcrumb{font-size:9px}.card-heading{flex-wrap:wrap}}
@media(max-height:500px) and (orientation:landscape) and (max-width:1000px){.sidebar nav{padding-top:2px;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px))}.nav{min-height:48px}.content{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.account-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-slot-card{display:flex;flex-direction:column;gap:12px}.account-slot-card h2{margin:0}.account-slot-card strong{font-size:15px;overflow-wrap:anywhere}.account-slot-card p{font-size:12px;overflow-wrap:anywhere;margin:0;flex:1}.account-slot-card button{width:100%}.account-halted{border-color:#f3c5ce}.account-halted p{color:var(--red)}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){.account-slots{grid-template-columns:1fr;gap:0}.account-slot-card{gap:12px}.account-slot-card p{font-size:13px}.account-slot-card .text-button{min-height:44px;justify-content:center}}

.monitor-controls{display:flex;gap:12px;margin:0 0 24px}.monitor-history{margin-top:24px}.monitor-controls button{min-height:46px}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){.sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}.nav span{font-size:8px}.monitor-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.monitor-history{margin-top:20px}}

.error-text{color:var(--red);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.error-text:empty{display:none}

.login-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.login-actions button{flex:1;white-space:normal}.login-delivery{background:#edf4ff;border:1px solid #dce8fc;border-radius:8px;padding:14px;color:#45688f;font-size:13px;line-height:1.7}.qr-panel{text-align:center;margin:20px 0}.qr-panel img{display:block;width:260px;height:260px;max-width:100%;margin:auto;background:white;border:1px solid #e7ebf2;border-radius:10px}.qr-panel p{font-size:12px;margin:10px 0}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){.login-actions{flex-direction:column}.login-actions button{width:100%;min-height:46px}}

@media(max-width:760px),(pointer:coarse) and (max-width:1024px){.sidebar nav{grid-template-columns:repeat(7,minmax(0,1fr))}.nav{min-width:44px}.nav span{font-size:8px}#cleanup-start{min-height:48px;white-space:normal}#cleanup-list .event{align-items:flex-start}}

@media(max-width:760px),(pointer:coarse) and (max-width:1024px){.nav span{max-width:100%;overflow-wrap:anywhere}}
