@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f7f9fc;font-synthesis:none;--nav: #071b2f;--nav2: #0b2844;--green: #079447;--blue: #1556c8;--line: #dce2ea;--muted: #687386;--surface: #fff;--canvas: #f8fafc}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app{display:flex;min-height:100vh;background:var(--canvas);transition:.2s}.sidebar{width:242px;flex:0 0 242px;background:var(--nav);color:#edf5ff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-top:4px solid #0ecb65;z-index:20}.brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 25px}.brandmark{width:39px;height:39px;border:2px solid #08d66a;border-radius:10px;display:grid;place-items:center;color:#08d66a}.brand strong{font-size:20px;display:block}.brand span{font-size:12px;color:#b7c6d6}.sidebar nav{display:flex;flex-direction:column;gap:2px;overflow:auto}.sidebar nav button,.collapse{height:49px;border:0;background:transparent;color:#edf5ff;display:flex;align-items:center;gap:15px;padding:0 25px;text-align:left;cursor:pointer;border-left:3px solid transparent}.sidebar nav button svg,.collapse svg{width:20px}.sidebar nav button:hover,.sidebar nav button:focus-visible{background:#12314e}.sidebar nav button.active{background:#163653;border-left-color:#17d778}.collapse{margin-top:auto;color:#bdc9d5}.collapse svg{transform:rotate(90deg)}.mobile-close{display:none}.shell{min-width:0;flex:1}.topbar{height:82px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.tenant,.user,.top-actions>button,.panel-title button,.row-actions button,.menu-button{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:9px;height:42px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer}.tenant svg{width:20px}.tenant svg:last-child,.user svg{width:15px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.top-actions>button:not(.user){padding:0;width:42px;justify-content:center;border-color:transparent}.top-actions svg{width:19px}.user{margin-left:8px}.avatar{width:31px;height:31px;border-radius:50%;background:#e6ebf1;display:grid;place-items:center}.menu-button{display:none}main{padding:20px 24px 48px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.page-head h1{font-size:27px;letter-spacing:-.025em;margin:0}.page-head p{color:var(--muted);margin:7px 0 0}.page-head>div:last-child{display:flex;gap:12px}.primary,.secondary{height:43px;border-radius:8px;padding:0 18px;display:inline-flex;align-items:center;gap:9px;font-weight:600;cursor:pointer}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.secondary{background:var(--surface);border:1px solid #aeb7c3;color:inherit}.primary svg,.secondary svg{width:18px}.panel,.metrics{background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 5px #14223408}.metrics{min-height:118px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.metric{display:flex;align-items:center;gap:18px;padding:22px 36px;position:relative}.metric:not(:last-child):after{content:"";position:absolute;right:0;height:55%;border-right:1px solid var(--line)}.metric>svg{width:34px;height:34px}.metric.blue>svg,.metric.blue strong,.metric.blue b{color:var(--blue)}.metric.green>svg,.metric.green strong{color:var(--green)}.metric div{display:flex;flex-direction:column;gap:5px}.metric span{font-size:13px;color:#4b5565}.metric strong{font-size:27px;font-weight:600}.metric small,.account-row small{color:var(--muted)}.panel{margin-bottom:16px;overflow:hidden}.panel-title{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-title h2{font-size:16px;margin:0;font-weight:600}.panel-title h2 span{font-size:12px;font-weight:500;margin-left:8px;border:1px solid var(--line);padding:2px 7px;border-radius:6px}.panel-title>div{display:flex;gap:8px}.panel-title button{height:36px;font-size:12px}.panel-title button svg{width:15px}.filter{min-width:160px;justify-content:space-between}.account-head,.account-row{display:grid;grid-template-columns:1.65fr 1.2fr 1fr 1.05fr 1fr .75fr;align-items:center;column-gap:15px;padding:0 22px}.account-head{height:41px;font-size:12px;color:#394455;border-bottom:1px solid var(--line)}.account-row{min-height:78px;border-bottom:1px solid var(--line);font-size:13px}.account-row:last-child{border-bottom:0}.account-row.connected{background:#fbfffc}.account-row>div:not(.account-name):not(.row-actions){display:flex;flex-direction:column;gap:6px}.account-name{display:flex;align-items:center;gap:14px}.account-name>div{display:flex;flex-direction:column;gap:4px}.account-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e8edf2;font-weight:600}.connected .account-avatar{background:#dff4df;color:#16763e}.status-ok{color:var(--green)}.status-wait{color:#e68a00}.status-ok i,.status-wait i{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor;margin-right:8px}.account-row b{color:var(--blue);font-weight:600}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions button{height:34px;padding:0 10px;font-size:12px}.row-actions svg{width:16px}.queue{padding-bottom:17px}.queue .panel-title{border:0}.bar{height:10px;margin:0 18px;border-radius:10px;overflow:hidden;display:flex}.bar i:nth-child(1){background:#255ab8;width:34%}.bar i:nth-child(2){background:#13914a;width:49%}.bar i:nth-child(3){background:#f2a01b;width:7%}.bar i:nth-child(4){background:#d4dae2;width:10%}.legend{display:flex;justify-content:space-between;padding:17px 20px 0;font-size:11px;color:#596477}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;border-radius:50%}.blue-dot{background:#255ab8}.green-dot{background:#13914a}.orange-dot{background:#f2a01b}.gray-dot{background:#d4dae2}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px 18px;border-bottom:1px solid var(--line)}th{font-weight:500;color:#475264}.activity tr:last-child td{border-bottom:0}.table-status{color:var(--green)}.module{min-height:520px}.module-toolbar{height:64px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:0 18px}.search{height:38px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;max-width:400px;flex:1}.search svg{width:17px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:inherit;width:100%}.module-toolbar .filter{height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit}.empty{height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty>svg{width:46px;height:46px;color:#a8b2c0}.empty h2{color:inherit;margin:16px 0 4px}.empty p{font-size:13px}.page-state{min-height:300px}.page-state .secondary{margin-top:10px}.result-count{margin-left:auto;color:var(--muted);font-size:12px}.data-table-wrap{width:100%;overflow:auto}.data-table{min-width:760px}.data-table td{max-width:360px;overflow-wrap:anywhere}.dark{--surface: #0f2236;--canvas: #091827;--line: #263c51;color:#edf5ff;--muted: #9aabba}.dark .account-row.connected{background:#102a27}.dark .avatar,.dark .account-avatar{background:#263c51}.dark .connected .account-avatar{background:#16422f}.dark .primary{background:#08a650}.dark .secondary{border-color:#456078}.dark .metric span,.dark .account-head{color:#b6c3d0}@media (max-width: 1050px){.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2):after{display:none}.account-head{display:none}.account-row{grid-template-columns:1.5fr 1fr .7fr .7fr}.account-row>div:nth-child(4),.account-row>div:nth-child(5){display:none!important}.legend{flex-wrap:wrap;gap:12px}.sidebar{position:fixed;transform:translate(-100%);transition:.2s;box-shadow:12px 0 40px #00000040}.sidebar.open{transform:none}.mobile-close{display:grid;margin-left:auto;background:transparent;border:0;color:#fff}.menu-button{display:inline-flex;margin-right:10px}.topbar{padding:0 15px}}@media (max-width: 700px){main{padding:16px}.topbar{height:68px}.tenant span,.top-actions>button,.user span:not(.avatar){display:none}.top-actions>button.user{display:inline-flex;padding:4px}.page-head{align-items:flex-start}.page-head>div:last-child{flex-direction:column}.secondary{display:none}.metrics{grid-template-columns:1fr}.metric:not(:last-child):after{height:auto;left:18px;right:18px;bottom:0;border-right:0;border-bottom:1px solid var(--line)}.account-row{grid-template-columns:1.4fr 1fr}.account-row>div:nth-child(3),.row-actions{display:none!important}.panel-title{padding:0 12px}.panel-title .filter{min-width:auto}.legend{display:grid;grid-template-columns:1fr 1fr}.activity{overflow:auto}.activity table{min-width:650px}.page-head h1{font-size:23px}}.login-page{min-height:100vh;display:grid;grid-template-columns:42% 58%;background:#fff;color:#102039}.login-brand{background:#071b2f;color:#fff;padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-logo{display:flex;align-items:center;gap:20px}.login-logo>span{width:70px;height:70px;display:grid;place-items:center;color:#079447}.login-logo>span svg{width:64px;height:64px;stroke-width:1.7}.login-logo strong{font-size:clamp(38px,4vw,62px);letter-spacing:-.05em}.login-logo small{display:block;text-align:right;font-size:22px;margin-top:3px}.login-brand p{margin:clamp(110px,19vh,190px) 0 0;font-size:clamp(22px,2vw,31px);line-height:1.45}.login-brand>i{width:78%;height:60px;border-bottom:2px solid #079447;border-right:2px solid #079447;border-radius:0 0 36px;position:absolute;left:0;bottom:27%}.login-brand>i:after{content:"";width:12px;height:12px;border-radius:50%;background:#079447;position:absolute;right:-7px;bottom:-7px}.login-form-area{min-width:0;display:flex;flex-direction:column;padding:clamp(50px,8vh,110px) clamp(60px,8vw,145px) 45px}.login-form-area form{width:min(650px,100%);margin:auto;display:flex;flex-direction:column;gap:28px}.login-heading{text-align:center;margin-bottom:20px}.login-heading h1{font-size:clamp(32px,3vw,46px);letter-spacing:-.035em;margin:0 0 12px}.login-heading p{color:#5f6d82;font-size:18px;margin:0}.login-form-area label{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:650}.login-form-area input[type=email],.login-form-area input[type=password],.login-form-area input[type=text]{width:100%;height:62px;border:1px solid #9ba8b8;border-radius:7px;background:#fff;padding:0 20px;color:#172033;outline:0}.login-form-area input:focus{border-color:#1556c8;box-shadow:0 0 0 3px #1556c81f}.password{position:relative}.password button{position:absolute;right:8px;top:9px;width:44px;height:44px;border:0;background:transparent;color:#102039;cursor:pointer}.password button svg{width:22px}.remember{flex-direction:row!important;align-items:center;font-weight:400!important}.remember input{width:21px;height:21px;accent-color:#079447}.login-submit{height:62px;border:0;border-radius:7px;background:#079447;color:#fff;font-size:18px;font-weight:700;cursor:pointer}.login-submit:disabled{opacity:.65}.recover{background:transparent;border:0;color:#1556c8;font-weight:600;cursor:pointer;align-self:center}.login-message{margin:-12px 0;color:#33435a;font-size:13px}.login-form-area footer{width:min(720px,100%);margin:70px auto 0;padding-top:30px;border-top:1px solid #dce2ea;display:flex;justify-content:space-between;gap:20px;color:#33435a;font-size:13px}.login-form-area footer span{display:flex;align-items:center;gap:18px}.login-form-area footer a{color:#1556c8;text-decoration:none}.login-form-area footer svg{width:23px;color:#1556c8}@media (max-width: 800px){.login-page{grid-template-columns:1fr}.login-brand{min-height:125px;padding:22px 25px}.login-logo{gap:10px}.login-logo>span{width:38px;height:38px}.login-logo>span svg{width:36px;height:36px}.login-logo strong{font-size:25px}.login-logo small{font-size:12px;text-align:left}.login-brand p,.login-brand>i{display:none}.login-form-area{padding:42px 24px 28px;min-height:calc(100vh - 125px)}.login-form-area form{gap:22px}.login-heading h1{font-size:29px}.login-heading p{font-size:15px}.login-form-area footer{margin-top:45px;flex-direction:column;align-items:center}}.live-form{padding:22px;margin-bottom:18px}.live-form h2{margin:0 0 16px}.live-form form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.live-form label,.pairing-result label,.access-card label{display:grid;gap:7px;font-weight:700}.live-form input,.pairing-result input,.access-card input{min-height:44px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:var(--panel);color:var(--text)}.inline-message{color:var(--muted);margin:14px 0 0}.live-list{overflow:hidden}.live-head,.live-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 260px;gap:16px;align-items:center;padding:15px 20px}.live-head{color:var(--muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--line)}.live-row{border-bottom:1px solid var(--line)}.live-row>div:first-child{display:grid;gap:4px}.live-row small{color:var(--muted)}.empty-line{padding:24px;color:var(--muted)}.pairing-result{margin-top:18px;padding:24px;display:flex;gap:40px;align-items:center}.pairing-result img{width:240px;height:240px}.pairing-result>div>strong{display:block;font-size:34px;letter-spacing:8px;color:var(--green)}.access-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7f9;color:#102039}.access-card{width:min(520px,100%);display:grid;gap:18px;padding:34px;background:#fff;border:1px solid #d8e0e5;border-radius:12px;box-shadow:0 16px 50px #051e3117}.access-card .login-logo strong{font-size:24px;letter-spacing:-.02em}.access-card .login-logo small{font-size:13px;text-align:left}.access-card .login-logo>span,.access-card .login-logo>span svg{width:42px;height:42px}.access-card h1,.access-card p{margin:0}.legal-links{display:flex;gap:20px}.legal-links a{color:#1556c8}@media (max-width: 700px){.live-form form,.live-head,.live-row{grid-template-columns:1fr}.live-head{display:none}.live-row .row-actions{display:flex!important}.pairing-result{align-items:flex-start;flex-direction:column}}