:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#142522;background:#f3f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#142522;--muted:#7a8b86;--green:#147d64;--mint:#daf2e9;--line:#e5ece8;--white:#fff;--deep:#071c1a;--gold:#d9b66f}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.login-body{background:#071c1a;color:#fff;display:grid;place-items:center;padding:28px;overflow-x:hidden}.login-body:before{content:"";position:fixed;width:600px;height:600px;border:1px solid rgba(112,199,165,.10);border-radius:50%;right:-220px;top:-280px;box-shadow:0 0 0 55px rgba(112,199,165,.025),0 0 0 110px rgba(112,199,165,.02);pointer-events:none}.login-layout{width:min(1080px,100%);min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;z-index:1;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 36px 120px rgba(0,0,0,.28);overflow:hidden}.login-brand{padding:68px 58px}.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#52c99b,#147d64);display:grid;place-items:center;color:#062b22;font:800 23px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 8px 28px #147d643d}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#168b6d;margin:0 0 13px}.login-brand .eyebrow{margin-top:58px;color:#64caa3}.login-brand h1{font:600 clamp(40px,5vw,61px)/1.12 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.055em;margin:0}.login-brand h1 em{font-style:normal;color:#64caa3}.brand-copy{font-size:16px;line-height:1.7;color:#a5b7b1;max-width:410px;margin:24px 0 0}.brand-foot{display:flex;align-items:center;gap:12px;margin-top:68px;color:#839790;font-size:13px}.brand-line{width:35px;height:1px;background:#d9b66f}.login-card{background:#fff;color:var(--ink);min-height:100%;padding:72px 54px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font:700 30px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.035em;margin:0}.muted{color:var(--muted);font-size:15px;line-height:1.55}.login-card .muted{margin:9px 0 34px}.login-card label,.connect-fields label{display:block;color:#344541;font-size:14px;font-weight:600;margin:19px 0 8px}.login-card input,.connect-fields input{width:100%;height:49px;border:1px solid #dbe5e0;border-radius:10px;background:#fbfdfc;padding:0 14px;outline:0;color:var(--ink);transition:.2s}.login-card input:focus,.connect-fields input:focus{border-color:#36a887;box-shadow:0 0 0 3px #2fa7801a}.button{min-height:43px;border:0;border-radius:10px;padding:0 16px;font-weight:650;transition:transform .15s,background .15s,color .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:#147d64;color:#fff}.button-primary:hover:not(:disabled){background:#0d6b54}.button-primary span{padding-left:9px}.button-wide{width:100%;height:50px;margin-top:23px;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.secure-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#879791;font-size:12px;margin:25px 0 0}.lock-icon{font-size:18px;color:#148167}.error-text{min-height:18px;color:#c24242!important;font-size:13px;margin:9px 0 0}.mobile-mark{display:none}.app-body{background:#f3f7f5;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#071c1a;color:#d9e7e2;padding:27px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:700 13px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.08em;padding:0 8px}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:.18em;color:#728d83;margin-top:4px}.brand-mark.small{width:37px;height:37px;border-radius:12px}.brand-mark.small b{font-size:19px}.side-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:#648077;margin:54px 10px 11px}.side-link{height:45px;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#a6b9b2;text-decoration:none;font-size:14px}.side-link.active{background:#143c33;color:#fff}.nav-glyph{font-size:18px;color:#65d1a7}.sidebar-bottom{display:flex;gap:11px;align-items:center;margin-top:auto;padding:14px 9px 5px;border-top:1px solid #1a3933}.side-help-icon{width:28px;height:28px;border:1px solid #487064;border-radius:50%;display:grid;place-items:center;color:#80b09e;font-weight:700;font-size:13px}.sidebar-bottom strong{display:block;font-size:12px;font-weight:600}.sidebar-bottom small{display:block;color:#728c83;font-size:11px;margin-top:4px}.main-area{margin-left:248px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:13px;color:#84938d}.breadcrumb span{padding:0 10px;color:#bdc9c4}.breadcrumb strong{color:#34443f;font-weight:600}.top-actions{display:flex;align-items:center;gap:25px}.server-status{display:flex;align-items:center;gap:8px;color:#61746d;font-size:12px}.server-status i{width:8px;height:8px;border-radius:50%;background:#c6d1cc}.server-status i.connected{background:#26a577;box-shadow:0 0 0 4px #26a5771b}.text-button{border:0;background:none;color:#50645d;font-size:13px;padding:8px}.text-button span{padding-left:7px}.content{max-width:1320px;margin:0 auto;padding:35px 38px 44px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.welcome-row .eyebrow{margin-bottom:8px}.welcome-row h1{font:750 32px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.05em;margin:0;color:#142522}.welcome-row .muted{margin:7px 0 0}.button-dark{background:#0c2822;color:#fff;min-height:45px;padding:0 17px}.button-dark:hover{background:#164238}.download-icon{font-size:18px;margin-right:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;min-height:139px;background:#fff;border:1px solid #e7eeea;border-radius:15px;padding:19px 21px;box-shadow:0 3px 12px #173c2c05}.metric-label{display:block;font-size:10px;letter-spacing:.13em;font-weight:700;color:#82928b}.metric-card strong{display:block;font:700 31px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.045em;margin:10px 0 4px;color:#142522}.metric-note{font-size:12px;color:#889791}.metric-symbol{position:absolute;right:19px;top:23px;font-size:20px;color:#3a9b78;background:#e5f4ee;width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.metric-card-dark{background:#0a2a23;border-color:#0a2a23;color:#fff}.metric-card-dark .metric-label{color:#81a799}.metric-card-dark strong{color:#fff;font-size:25px}.metric-card-dark .metric-note{color:#aac1b8}.live-ring{position:absolute;right:21px;top:28px;width:33px;height:33px;border:1px solid #4f836e;border-radius:50%;display:grid;place-items:center}.live-ring i{width:9px;height:9px;background:#60796f;border-radius:50%}.live-ring i.is-live{background:#58d09e;box-shadow:0 0 0 5px #58d09e20}.panel-card{background:#fff;border:1px solid #e5ece8;border-radius:15px;padding:22px 23px;margin:17px 0;box-shadow:0 4px 16px #173c2c04}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.step-tag{display:inline-block;color:#168569;background:#e9f6f0;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.13em}.panel-heading h2{font:700 20px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.03em;margin:9px 0 4px;color:#1d302b}.panel-heading .muted{font-size:13px;margin:0}.telegram-emblem{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e7f4ef;color:#148269;font:800 21px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}.connect-fields{margin-top:17px}.inline-form{display:flex;gap:10px;max-width:660px}.inline-form input{flex:1;min-width:140px}.connect-fields small{display:block;color:#82918b;margin-top:8px;font-size:12px}.inline-message{font-size:13px;color:#167354;min-height:18px;margin:10px 0 0}.button-light{background:#f1f6f3;color:#39524a;border:1px solid #e0eae5}.button-light:hover{background:#e8f1ec}.group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:19px 0 2px}.group-option{display:flex;align-items:center;gap:11px;min-height:48px;border:1px solid #e7eeea;border-radius:9px;padding:0 12px;cursor:pointer;transition:.15s}.group-option:hover{border-color:#a9d5c4;background:#f7fbf9}.group-option input{position:absolute;opacity:0}.group-check{width:17px;height:17px;border:1px solid #bdcbc4;border-radius:5px;flex:0 0 17px;position:relative}.group-option input:checked+.group-check{background:#147d64;border-color:#147d64}.group-option input:checked+.group-check:after{content:"✓";position:absolute;color:#fff;font-size:12px;left:2px;top:-1px}.group-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.group-type{font-size:10px;color:#97a59f;background:#f2f5f3;padding:4px 7px;border-radius:5px}.monitor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1ef;margin-top:18px;padding-top:14px}.monitor-actions{display:flex;gap:9px}.button-stop{background:#fff1ef;color:#a6443b;border:1px solid #f4d7d2}.button-stop:hover{background:#ffe8e5}.records-card{padding:22px 0 0;overflow:hidden}.records-heading{padding:0 23px 17px}.record-count{font-size:11px;color:#74857e;background:#f2f6f4;padding:7px 9px;border-radius:7px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}thead{background:#f7f9f8}th{height:37px;padding:0 18px;font-size:9px;color:#82918b;letter-spacing:.1em;font-weight:700}td{height:52px;padding:0 18px;border-top:1px solid #eef2f0;color:#34443e;font-size:12px}.group-pill{display:inline-block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#eef5f1;color:#52685e;border-radius:5px;padding:5px 8px}.username-link{font-weight:700;color:#147d64;text-decoration:none}.username-link:hover{text-decoration:underline}.date-cell{color:#788981}.message-badge{background:#f2f5f3;border-radius:6px;padding:4px 8px;color:#52645d}.empty-cell{text-align:center;height:82px;color:#84928d}.empty-state{grid-column:1/-1;text-align:center;color:#84928d;padding:28px 12px;font-size:13px}.footer-note{color:#83918b;font-size:11px;margin:17px 3px}.footer-note span{color:#28a276;font-size:9px;margin-right:6px}.toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 44px));background:#092a23;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 14px 40px #092a2330;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:13px;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.toast-error{background:#8c332e}[hidden]{display:none!important}
@media(max-width:1000px){.sidebar{width:210px}.main-area{margin-left:210px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metric-card{padding:17px}.login-layout{min-height:570px}.login-brand{padding:48px 38px}.login-card{padding:54px 38px}}
@media(max-width:740px){.login-body{padding:14px}.login-layout{grid-template-columns:1fr;min-height:unset;border-radius:20px;max-width:480px}.login-brand{display:none}.login-card{padding:29px 25px 32px}.mobile-mark{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;font-weight:800;color:#2c5146;margin-bottom:40px}.mobile-mark span:first-child{width:35px;height:35px;border-radius:11px;background:#d6f1e4;color:#147d64;display:grid;place-items:center;font:bold 18px ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}.login-card h2{font-size:27px}.sidebar{position:relative;width:100%;height:61px;inset:auto;padding:0 16px;flex-direction:row;align-items:center}.sidebar .brand{font-size:12px}.sidebar .brand-mark{width:33px;height:33px}.sidebar .brand small{font-size:8px}.side-label,.side-link,.sidebar-bottom{display:none}.main-area{margin-left:0}.topbar{height:56px;padding:0 16px}.breadcrumb{font-size:11px}.top-actions{gap:8px}.server-status{font-size:10px}.text-button{font-size:11px}.content{padding:24px 15px 32px}.welcome-row{align-items:flex-start;gap:10px}.welcome-row h1{font-size:27px}.welcome-row .muted{font-size:13px;max-width:260px}.button-dark{font-size:11px;padding:0 10px;min-height:40px;white-space:nowrap}.download-icon{margin-right:4px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:123px;padding:15px}.metric-card:last-child{grid-column:1/-1;min-height:112px}.metric-card strong{font-size:27px}.metric-card-dark strong{font-size:23px}.panel-card{padding:18px 15px;margin:13px 0}.panel-heading h2{font-size:18px}.panel-heading .muted{font-size:12px}.group-list{grid-template-columns:1fr}.group-option{min-height:45px}.monitor-footer{align-items:flex-start;flex-direction:column}.monitor-actions{align-self:flex-end}.records-card{padding:18px 0 0}.records-heading{padding:0 15px 13px}.records-heading .muted{max-width:225px}.record-count{font-size:10px}.table-wrap{margin:0 -1px}.inline-form{flex-direction:column}.inline-form input,.inline-form .button{width:100%;min-height:47px}.telegram-emblem{width:37px;height:37px;border-radius:12px}.footer-note{line-height:1.55}.toast{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}