:root{--nav:#112b3c;--nav2:#1c3b4c;--ink:#1c3040;--muted:#81909b;--line:#e7edf1;--bg:#f4f7f9;--teal:#008b83;--teal-light:#e5f5f2;--orange:#df9635;--red:#d46964;--blue:#428ac7;--purple:#9b80cb;--shadow:0 5px 20px #183e5010}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0;background:none;color:inherit}a{color:var(--teal);text-decoration:none}svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.6px;font-weight:650}h2{font-size:15px;font-weight:650}h3{font-size:14px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:214px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#9cb0bd;display:flex;flex-direction:column;padding:29px 16px 16px;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 28px;color:white}.brand-mark{display:grid;place-items:center;width:34px;height:36px;color:#50d2c0}.brand-name{font-size:18px;letter-spacing:2px;font-weight:650;line-height:1.4}.brand-en{font-size:8px;letter-spacing:2.2px;color:#7799ac}.nav-label{padding:17px 15px 10px;font-size:10px;letter-spacing:1.8px;color:#668597}.nav-btn{display:flex;gap:11px;align-items:center;width:100%;padding:12px 15px;margin-bottom:5px;border-radius:7px;font-size:13px;text-align:left;transition:.15s}.nav-btn:hover{background:#ffffff08;color:#ecf4f7}.nav-btn.active{background:#1f4551;color:#6cdec9}.nav-btn .badge{margin-left:auto;font-size:10px;background:#294d5b;padding:0 6px;border-radius:4px}.side-bottom{margin-top:auto;padding-top:32px}.workspace-box{background:#1a3546;border:1px solid #2b4858;border-radius:8px;padding:13px 12px}.workspace-box strong{color:#d7e5ec;font-size:12px}.workspace-box p{font-size:11px;margin-top:5px}.side-foot{font-size:10px;color:#6a8a9e;margin:18px 8px 0;display:flex;justify-content:space-between}.main{margin-left:214px;flex:1;min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:15}.switcher{display:flex;gap:4px;padding:4px;background:#f0f4f6;border-radius:8px}.switcher button{display:flex;align-items:center;gap:8px;padding:7px 20px;border-radius:5px;font-size:12px;color:#7b8b95}.switcher .selected{color:var(--ink);background:white;box-shadow:0 2px 5px #112b3c10;font-weight:600}.top-right{display:flex;gap:20px;align-items:center}.demo-tag{color:#9a8562;background:#faf5e9;border:1px solid #eee4cf;border-radius:4px;padding:2px 8px;font-size:10px;letter-spacing:.5px}.avatar{width:29px;height:29px;background:#e4eeee;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#3c716c}.content{padding:27px 30px 32px;max-width:1900px;margin:auto}.breadcrumb{font-size:11px;color:#8b9aa4;display:flex;gap:9px;align-items:center;margin-bottom:10px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.page-heading p{font-size:12px;color:var(--muted);margin-top:5px}.actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #dce5e9;border-radius:6px;background:white;font-size:12px;line-height:1.5;white-space:nowrap}.btn:hover{border-color:#82b8b2;background:#f9fdfc}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn.primary:hover{background:#007b74}.btn.dark{background:var(--nav);border-color:var(--nav);color:white}.btn.ghost{background:transparent}.btn.danger{color:#bf5d58}.icon-btn{padding:5px 7px;border-radius:5px;color:#81949e}.icon-btn:hover{background:#edf4f4;color:var(--teal)}.icon-btn.active{background:var(--teal-light);color:var(--teal)}.live{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.live .dot{box-shadow:0 0 0 3px #008b8310}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:21px}.stat{padding:18px 20px;background:white;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.stat-label{font-size:11px;color:#7b8b96;display:flex;justify-content:space-between;align-items:center}.stat-label svg{color:#8ba2ac}.stat-value{font-size:28px;line-height:1.4;font-weight:600;letter-spacing:-.7px;margin:7px 0 3px;font-variant-numeric:tabular-nums}.stat-value span{font-size:12px;font-weight:400;letter-spacing:0;color:#81919b;margin-left:5px}.stat-note{font-size:10px;color:#9aa6ae}.stat-note.good{color:#41988c}.stat-note.warn{color:#c18c42}.stat-spark{position:absolute;right:18px;bottom:19px;opacity:.75}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);min-height:59px;gap:12px}.panel-sub{color:var(--muted);font-size:10px;margin-top:3px}.panel-body{padding:20px}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:18px;align-items:start}.plot-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 20px;background:#fbfcfd;border-bottom:1px solid #edf1f4}.chart-caption{display:flex;align-items:center;gap:16px;font-size:10px;color:#8d9ca5}.chart-caption strong{font-weight:500;color:#4a6170}.chart-area{padding:12px 16px 3px;position:relative}.chart{display:block;width:100%;height:323px}.chart.large{height:367px}.chart.medium{height:230px}.chart-tooltip{position:absolute;pointer-events:none;background:#173447eF;color:white;padding:6px 10px;border-radius:5px;font-size:10px;top:14px;right:22px;display:none}.legend{display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:11px}.legend i{width:15px;height:2px;display:inline-block;margin-right:5px;vertical-align:middle}.chart-footer{padding:10px 20px 14px;color:#9aa5ad;font-size:10px;display:flex;justify-content:space-between;gap:10px}.select,input[type=text],input[type=number],input[type=datetime-local],input[type=date]{border:1px solid #dfe7eb;border-radius:5px;padding:7px 10px;color:#455d6c;background:white;font-size:12px;min-width:0}.select.compact{font-size:11px;padding:4px 7px}.node-select{width:100%;margin:10px 0 12px;background:#f8fafb;padding:9px 10px}.node-info{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:4px;font-size:10px;padding:3px 7px;background:#f0f4f6;color:#7a8d99;white-space:nowrap}.pill.green{background:#eaf6f0;color:#368c6a}.pill.teal{background:#e8f5f3;color:#168e83}.pill.orange{background:#fcf2e1;color:#be8737}.pill.red{background:#fbeeed;color:#c07570}.pill.blue{background:#edf3fb;color:#5a86b7}.channel-list{display:flex;flex-direction:column;gap:5px}.channel-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:11px}.channel-row input{accent-color:var(--teal);margin:0}.channel-row .value{margin-left:auto;font-size:10px;color:#80929c}.channel-dot{width:7px;height:7px;border-radius:2px}.divider{height:1px;background:var(--line);margin:18px 0}.kv{display:flex;justify-content:space-between;font-size:11px;padding:5px 0;gap:12px}.kv span{color:#8b9ba5}.kv strong{font-weight:500}.subheading{font-size:10px;letter-spacing:1px;color:#9aa8b0;margin:0 0 8px}.notice{display:flex;gap:8px;background:#f7fafb;border:1px solid #e9eff2;border-radius:5px;font-size:10px;color:#8a9aa5;padding:10px 11px;margin-top:15px;line-height:1.8}.note-bar{display:flex;gap:9px;align-items:center;padding:11px 15px;background:#edf7f5;color:#5a8c83;border:1px solid #dcedea;border-radius:6px;font-size:11px;margin-bottom:18px}.note-bar.warn{background:#fbf7ed;border-color:#eee4ce;color:#aa8c50}.bottom-panel{margin-top:20px}.link{color:var(--teal);font-size:11px;cursor:pointer;padding:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#8a9ba5;background:#fafcfd;padding:11px 18px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:13px 18px;border-bottom:1px solid #edf1f3}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.node-cell{display:flex;align-items:center;gap:9px}.node-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #dfe9ed;background:#f8fbfc;border-radius:6px;color:#7396a5}.node-cell strong{display:block;font-size:11px;font-weight:600}.node-cell small{font-size:9px;color:#9caab2}.battery{display:flex;align-items:center;gap:7px;font-size:10px}.battery-track{width:25px;height:9px;border:1px solid #9fb6ad;border-radius:2px;padding:1px;position:relative}.battery-track:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#9fb6ad}.battery-track b{display:block;height:100%;background:#76ab96}.battery.low{color:#c89346}.battery.low b{background:#d9ae6c}.statusbar{display:flex;align-items:center;justify-content:space-between;color:#8b9da7;font-size:10px;margin-top:20px;gap:12px}.statusbar>div{display:flex;align-items:center;gap:18px}.statusbar .dot{width:5px;height:5px}.tabs{display:flex;gap:20px;align-items:center}.tab{padding:0 0 13px;font-size:12px;border-bottom:2px solid transparent;color:#8999a3}.tab.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.tabbar{padding:17px 20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.filterbar{padding:16px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:6px;border:1px solid #dfe7eb;border-radius:5px;padding-left:10px;background:white;color:#9baab4}.search input{border:0!important;width:200px;padding:8px}.spacer{flex:1}.empty{padding:50px;text-align:center;color:#8ea0aa}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid var(--line);font-size:10px;color:#99a7af}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.map{height:339px;background:#f4f8f8;position:relative;overflow:hidden}.map svg{width:100%;height:100%}.map-node{cursor:pointer}.map-node:hover circle:first-child{stroke-width:10}.map-label{position:absolute;left:16px;bottom:12px;font-size:9px;color:#97a7ac;background:#ffffffc9;padding:4px 7px;border-radius:4px}.map-legend{display:flex;gap:12px;position:absolute;top:16px;left:17px;background:#fffe;padding:6px 10px;border-radius:5px;font-size:9px;color:#8497a1}.map-legend span{display:flex;align-items:center;gap:5px}.health{display:flex;align-items:center;gap:24px;padding:24px 22px 18px}.ring{width:103px;height:103px;border-radius:50%;background:conic-gradient(var(--teal) 0deg 294deg,#edf2f4 294deg 360deg);display:grid;place-items:center;flex-shrink:0}.ring>div{width:83px;height:83px;border-radius:50%;display:grid;place-items:center;align-content:center;background:white}.ring strong{font-size:21px;font-weight:600}.ring span{font-size:9px;color:#9cacb4}.health-legend{flex:1}.health-row{display:flex;justify-content:space-between;gap:18px;font-size:11px;margin:9px 0}.health-row span{color:#8a9ba4;display:flex;align-items:center;gap:7px}.health-row strong{font-weight:500}.event{display:flex;gap:10px;padding:12px 20px;border-top:1px solid #eff3f5}.event>span{margin-top:5px}.event p{font-size:11px}.event small{font-size:9px;color:#9da9b1}.event .link{margin-left:auto;align-self:center;white-space:nowrap}.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px}.field label{color:#718795}.field small{font-size:10px;color:#97a8b1}.field input,.field select{width:100%}.field.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.target-option{display:flex;gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:5px;font-size:11px;cursor:pointer}.target-option input{accent-color:var(--teal)}.topology{position:relative;height:363px;background:radial-gradient(#d7e5e7 1px,transparent 1px);background-size:16px 16px}.topology svg{width:100%;height:100%}.topology text{font-family:inherit}.route-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 20px;border-top:1px solid var(--line)}.route-info strong{display:block;font-size:17px;font-weight:600}.route-info small{font-size:10px;color:#8fa1ac}.timeline-controls{display:flex;gap:12px;align-items:center;padding:15px 20px;border-top:1px solid var(--line)}input[type=range]{accent-color:var(--teal);flex:1;min-width:60px}.history-range{display:flex;gap:8px;align-items:center;font-size:11px;flex-wrap:wrap}.analysis-info{display:flex;gap:24px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);background:#fcfdfd}.analysis-info span{font-size:10px;color:#8a9da7}.analysis-info strong{font-size:12px;color:#406676;font-weight:600;margin-left:7px}.requirement-section{margin-bottom:20px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scope-item{display:flex;align-items:start;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.scope-item:last-child{border-bottom:0}.scope-id{font-size:10px;color:var(--teal);background:var(--teal-light);padding:2px 6px;border-radius:4px;flex-shrink:0}.scope-item p{font-size:12px}.scope-item small{display:block;color:#94a3ad;font-size:11px;margin-top:4px}.question-row{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:start}.question-row:last-child{border-bottom:0}.question-row p{font-size:12px}.question-row small{font-size:11px;color:#96a6af;display:block;margin-top:5px}.question-number{font-size:11px;color:#9db0bc;background:#f1f6f8;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.question-row .pill{margin-left:auto}.overlay-bg{position:fixed;inset:0;background:#102b3b55;backdrop-filter:blur(2px);z-index:50;display:flex;justify-content:center;align-items:center;padding:24px}.modal{background:white;border-radius:10px;width:520px;max-width:100%;box-shadow:0 20px 100px #0c27354d;max-height:90vh;overflow:auto}.modal .panel-head{padding:20px 24px}.modal-body{padding:22px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid var(--line)}.drawer{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:95vw;background:white;z-index:52;box-shadow:-10px 0 50px #102b3b15;overflow:auto}.drawer .panel-head{padding:23px}.drawer-body{padding:24px}.drawer-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.drawer-title .node-icon{width:43px;height:43px}.drawer-title strong{font-size:20px}.drawer h3{font-size:12px;margin:24px 0 10px}.drawer .kv{padding:9px 0;border-bottom:1px solid #f0f3f5}.progress{height:5px;background:#edf3f4;border-radius:10px;overflow:hidden;min-width:80px}.progress b{height:100%;display:block;background:#5aaa9c;transition:width .5s}.file-drop{border:1px dashed #bfd5db;background:#f9fbfc;border-radius:7px;padding:28px;text-align:center;color:#87a0ab}.file-drop label{cursor:pointer;color:var(--teal);font-size:12px}.file-drop small{display:block;font-size:10px;margin-top:6px}.check-line{font-size:11px;display:flex;align-items:center;gap:8px;margin-top:15px}.check-line input{accent-color:var(--teal)}#toast{position:fixed;bottom:32px;left:calc(50% + 80px);transform:translateX(-50%) translateY(15px);padding:12px 22px;background:#17384b;color:white;border-radius:8px;z-index:80;box-shadow:var(--shadow);opacity:0;pointer-events:none;font-size:12px;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-nav{display:none}.export-option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:10px;font-size:12px}.export-option input{accent-color:var(--teal)}.screen-note{font-size:10px;display:flex;align-items:center;gap:6px;color:#9eabb3}.red-dot{color:#cd7e6d}.hide{display:none!important}.mini-trend{height:130px!important}.link.active{font-weight:600}.chart-loading{opacity:.7}
@media(min-width:1600px){.chart{height:390px}.chart.large{height:430px}.work-grid{grid-template-columns:minmax(0,1fr) 290px}.map{height:390px}}@media(max-width:1150px){.sidebar{width:184px;padding-left:12px;padding-right:12px}.main{margin-left:184px}.content{padding:22px}.topbar{padding:0 22px}.work-grid{grid-template-columns:minmax(0,1fr) 236px}.stat{padding:15px}.stat-spark{display:none}.top-right{gap:10px}.dashboard-grid{grid-template-columns:1.3fr 1fr}.health{gap:12px;padding:20px 15px}}@media(max-width:900px){.sidebar{width:68px;padding:24px 8px}.brand{padding:0 8px 25px}.brand>div:last-child,.nav-label,.nav-btn>span,.nav-btn>.badge,.side-bottom{display:none}.nav-btn{justify-content:center;padding:14px 0}.main{margin-left:68px}.stats{gap:9px}.stat-value{font-size:23px}.stat-label{font-size:10px}.work-grid{grid-template-columns:minmax(0,1fr) 215px;gap:12px}.content{padding:20px 16px}.topbar{padding:0 16px}.switcher button{padding:7px 12px}.top-right .small{display:none}.dashboard-grid,.two-col{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.health{justify-content:center}.health-legend{max-width:250px}}@media(max-width:650px){.sidebar{display:none}.main{margin:0}.topbar{height:62px;padding:0 12px}.top-right .demo-tag,.top-right .avatar{display:none}.switcher button{padding:7px 10px}.mobile-nav{display:block;font-size:11px;max-width:120px}.content{padding:20px 12px}.page-heading{gap:12px}.page-heading h1{font-size:22px}.page-heading>.actions{flex-wrap:wrap;justify-content:flex-end;max-width:140px}.btn{font-size:11px;padding:7px 10px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:13px 15px}.stat-value{margin:3px 0;font-size:24px}.work-grid{display:flex;flex-direction:column}.work-grid>.panel{width:100%}.work-grid>aside{width:100%}.work-grid aside .channel-list{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.chart{height:310px}.chart.large{height:330px}.chart-caption{font-size:9px;gap:8px}.plot-top{padding:10px 13px;flex-wrap:wrap}.panel-head{padding:14px}.top-right{gap:5px}.statusbar>div{gap:10px;flex-wrap:wrap}.statusbar>div:last-child{display:none}.scope-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.history-range input{max-width:170px}.health{justify-content:space-around}.chart-footer{padding:10px 14px}.chart-footer>span:last-child{display:none}.question-row{gap:10px}.question-row>.pill{display:none}.breadcrumb{margin-top:3px}#toast{left:50%;width:90%;text-align:center}.tabbar{padding:14px 14px 0}.tabs{gap:14px}}
.brand-name{white-space:nowrap}.brand-mark{flex-shrink:0}.plot-top>.small{white-space:nowrap}.plot-top>.legend{flex:1}.chart-caption{white-space:nowrap}
@media(min-width:901px) and (max-width:1150px){.brand{padding-left:5px;padding-right:5px;gap:7px}.brand-name{font-size:16px;letter-spacing:1px}.brand-en{font-size:7px;letter-spacing:1.5px}.brand-mark{width:29px}.brand-mark svg{width:29px}}
@media(max-width:650px){.plot-top>.legend{min-width:220px}.plot-top>.small{font-size:9px}}
/* Login prototype */
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) minmax(0,1fr);background:#f8fafb}.login-story{background:#112c3e;position:relative;overflow:hidden;padding:38px 44px 26px;display:flex;flex-direction:column;min-height:720px}.login-story:after{content:'';pointer-events:none;position:absolute;width:700px;height:700px;border:1px solid #79baa30b;border-radius:50%;left:-280px;bottom:-410px;box-shadow:0 0 0 95px #79baa305,0 0 0 190px #79baa303}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1;color:#61cebb}.login-brand>div{display:flex;flex-direction:column;gap:3px}.login-brand strong{font-size:20px;font-weight:600;letter-spacing:2px;color:#f0f6f8}.login-brand span{font-size:8px;letter-spacing:2.4px;color:#7b9bac}.login-story-main{margin:auto 0;padding:55px 0 50px;position:relative;z-index:1}.login-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;color:#6fb3a6;margin-bottom:17px}.login-eyebrow>span{height:1px;width:19px;background:#5c9f94}.login-story h1{font-size:29px;font-weight:500;letter-spacing:1px;color:#f2f6f7;line-height:1.6}.login-story-main>p{font-size:12px;color:#8fa7b7;margin-top:12px;line-height:1.8}.login-visual{margin-top:42px;border:1px solid #80b2be20;border-radius:9px;background:#0d263666;padding:14px 15px 11px;box-shadow:0 15px 35px #071b2415}.login-visual-head{display:flex;align-items:center;justify-content:space-between;color:#85a8b7;font-size:10px}.login-visual-head>span:first-child{display:flex;align-items:center;gap:7px}.login-visual-head .dot{color:#68bdab;width:5px;height:5px}.login-visual svg{display:block;width:100%;height:auto;margin:10px 0}.login-visual-foot{display:flex;align-items:center;gap:17px;font-size:9px;color:#7895a4}.login-visual-foot span{display:flex;align-items:center;gap:5px}.login-visual-foot i{display:inline-block;width:12px;height:2px}.login-visual-foot span:last-child{margin-left:auto;color:#536f80}.login-features{display:flex;gap:0;margin-top:31px}.login-features>div{display:flex;flex-direction:column;gap:7px;padding-right:22px;margin-right:22px;border-right:1px solid #7891a124}.login-features>div:last-child{padding:0;margin:0;border:0}.login-features strong{font-size:21px;color:#c7d9e1;font-weight:500;white-space:nowrap}.login-features small{font-size:10px;color:#83a0ae}.login-features span{font-size:10px;color:#718fa1}.login-features .login-os{font-size:11px;line-height:32px}.login-story-footer{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:9px;color:#547486;gap:15px}.login-main{position:relative;display:flex;flex-direction:column;justify-content:center;padding:82px 50px 68px;min-width:0}.login-top{position:absolute;right:32px;top:29px}.login-card{width:100%;max-width:370px;margin:auto}.login-welcome{font-size:11px;letter-spacing:1px;color:#95a5af;margin-bottom:10px}.login-card h2{font-size:27px;font-weight:600;letter-spacing:-.4px}.login-description{font-size:12px;line-height:1.8;color:#92a1ab;margin-top:11px}.login-mode{display:flex;gap:5px;background:#edf2f4;padding:4px;border-radius:7px;margin:27px 0 29px}.login-mode button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;padding:10px 7px;font-size:11px;white-space:nowrap;border-radius:5px;color:#82949f}.login-mode button.selected{background:white;box-shadow:0 2px 5px #163c5010;color:#177c74;font-weight:600}.login-field{margin-bottom:20px}.login-field>label{display:block;font-size:12px;font-weight:500;color:#536c7c;margin-bottom:9px}.login-input{display:flex;align-items:center;border:1px solid #dce5ea;background:white;border-radius:6px;min-height:46px;padding:0 13px;gap:11px;color:#a1b0b8;transition:.15s}.login-input:focus-within{border-color:#58a79e;box-shadow:0 0 0 3px #008b8308}.login-input:has([aria-invalid=true]){border-color:#d09892}.login-input input[type=text],.login-input input[type=password]{border:0!important;outline:none;box-shadow:none;padding:12px 0;min-width:0;width:100%;color:#355464;background:transparent;font-size:12px}.login-input input::placeholder{color:#b0bdc5}.password-toggle{display:flex;align-items:center;padding:7px 0 7px 5px;color:#91a4af}.password-toggle:hover{color:var(--teal)}.login-error{font-size:11px;color:#bf6963;background:#fcf0ed;border:1px solid #f2dbd6;border-radius:5px;padding:8px 11px;margin:-5px 0 15px}.login-submit{display:flex;width:100%;min-height:46px;font-size:13px;letter-spacing:1px;margin-top:27px}.login-submit svg{margin-left:8px}.login-demo{border-top:1px solid #e6edf0;margin-top:29px;padding-top:17px}.login-demo>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8fa1ad}.login-demo .link{font-size:10px}.login-demo p{display:flex;gap:26px;font-size:11px;color:#9bacb6;margin-top:7px}.login-demo b{font-weight:500;color:#69818f;margin-left:7px;letter-spacing:.5px}.login-disclaimer{font-size:10px;color:#a9b6bf;line-height:1.9;margin-top:21px}.login-footer{text-align:center;margin-top:50px;color:#a9b6be;font-size:9px;letter-spacing:1px}.login-footer span{margin:0 7px}.logout-button{border-left:1px solid var(--line);border-radius:0;padding-left:13px}.login-screen:has(.login-error:not(.hide)) .login-submit{margin-top:17px}
@media(min-width:1500px){.login-story{padding:45px 65px 30px}.login-story-main{max-width:510px;width:100%;margin:auto}.login-main{padding-left:90px;padding-right:90px}.login-card{max-width:390px}.login-story h1{font-size:35px}}
@media(max-width:1050px){.login-story{padding:32px 30px 25px}.login-story h1{font-size:25px}.login-features>div{padding-right:14px;margin-right:14px}.login-features strong{font-size:19px}.login-features .login-os{font-size:10px}.login-main{padding-left:35px;padding-right:35px}}
@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-story{min-height:auto;padding:26px 28px}.login-brand strong{font-size:18px}.login-brand svg{width:31px}.login-brand span{font-size:7px}.login-story-main{padding:26px 0 8px}.login-story h1{font-size:23px}.login-story-main>p{font-size:11px;margin-top:8px}.login-visual,.login-features,.login-story-footer,.login-eyebrow{display:none}.login-main{min-height:calc(100vh - 210px);padding:48px 28px 24px}.login-top{top:15px;right:20px}.login-top .demo-tag{font-size:9px}.login-card{max-width:390px}.login-card h2{font-size:25px}.login-welcome{margin-top:5px}.login-footer{margin-top:30px}.login-disclaimer{margin-top:17px}.logout-button{padding-left:9px}}
@media(min-width:781px) and (max-height:850px){.login-story{min-height:100vh;padding:28px 36px 22px}.login-story-main{padding:30px 0}.login-visual{margin-top:27px}.login-visual svg{max-height:210px}.login-features{margin-top:22px}.login-story h1{font-size:28px}.login-main{padding:32px 44px 30px}.login-card h2{font-size:26px}.login-welcome{font-size:10px;margin-bottom:8px}.login-mode{margin:22px 0 24px}.login-field{margin-bottom:17px}.login-field>label{margin-bottom:8px}.login-submit{margin-top:22px}.login-demo{margin-top:22px;padding-top:15px}.login-disclaimer{margin-top:17px;line-height:1.7}.login-footer{margin-top:28px}}
/* Separate PC client and Web administration entrances */
.product-header{display:flex;align-items:center;gap:10px;color:#78929f;min-width:0}.product-header strong{font-size:13px;font-weight:600;color:#3f5a6b;white-space:nowrap}.client-label{font-size:9px;padding:2px 6px;border:1px solid #dde7eb;border-radius:4px;color:#8198a5;white-space:nowrap}.login-client-marker{display:flex;align-items:center;gap:8px;font-size:11px;color:#77929e;margin:25px 0 28px;padding:11px 12px;background:#edf3f4;border:1px solid #e3ebee;border-radius:6px}.pc-titlebar{position:fixed;left:0;right:0;top:0;height:34px;border-bottom:1px solid #d9e3e9;background:#ecf1f5;z-index:40;display:flex;align-items:center;justify-content:space-between;padding-left:13px;color:#8296a3;font-size:10px;user-select:none}.pc-titlebar>div:first-child{display:flex;align-items:center;gap:8px}.pc-titlebar strong{font-size:10px;font-weight:500;color:#536c7c}.pc-titlebar>div:first-child>span{font-size:8px;color:#a2afb9;margin-left:4px}.pc-titlebar svg{color:#3c9086}.pc-window-project{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;color:#8d9fac}.pc-window-buttons{display:flex;height:100%;align-items:center;gap:0;padding:0 7px}.pc-window-buttons i{display:grid;place-items:center;font-style:normal;width:38px;height:25px;font-size:18px;color:#8a9ba8}.pc-window-buttons i:nth-child(1):before{content:'';height:1px;width:10px;background:#8a9ba8}.pc-window-buttons i:nth-child(2):before{content:'';width:8px;height:7px;border:1px solid #8a9ba8}.pc-client .shell{padding-top:34px}.pc-client .sidebar{top:34px}.pc-client .topbar{top:34px;background:#fafcfd}.pc-client .content{padding-top:23px}.pc-client .login-screen{padding-top:34px}.pc-client .login-story{min-height:calc(100vh - 34px)}.pc-client .login-card{max-width:370px}.view-back{margin-bottom:8px}.view-back .link{font-size:10px;padding-left:0}.entry-body{background:#f1f5f7}.entry-page{max-width:960px;padding:43px 32px 27px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.entry-brand{display:flex;align-items:center;gap:12px;color:#008b83;margin-bottom:37px}.entry-brand>div{display:flex;flex-direction:column;gap:2px}.entry-brand strong{color:#2d485b;letter-spacing:2px;font-size:19px}.entry-brand span{font-size:8px;letter-spacing:2px;color:#9aadb7}.entry-kicker{font-size:10px;color:#78a298;letter-spacing:1px}.entry-intro h1{font-size:28px;margin:8px 0 9px}.entry-intro p{font-size:12px;color:#8499a6}.entry-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:27px}.entry-card{border:1px solid #e0e9ed;background:white;border-radius:11px;padding:25px 28px 0;color:var(--ink);transition:.15s;box-shadow:0 8px 25px #193a4a03}.entry-card:hover{border-color:#8dbeb4;transform:translateY(-2px);box-shadow:0 8px 25px #193a4a09}.entry-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.entry-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:#eaf5f2;color:#42988c}.entry-icon.web{background:#ecf2f8;color:#658eb3}.entry-card h2{font-size:21px;font-weight:600}.entry-card p{font-size:12px;color:#8b9da8;margin-top:10px;line-height:1.9}.entry-platform{font-size:10px;color:#9eafb8;margin:16px 0 22px}.entry-open{display:flex;justify-content:space-between;border-top:1px solid #e8eef1;padding:16px 0;font-size:11px;color:#31897f}.entry-open b{font-size:16px;font-weight:400}.entry-note{font-size:10px;line-height:1.9;color:#9aabb5;text-align:center;margin-top:25px}.entry-footer{font-size:9px;color:#a9b7c0;text-align:center;margin-top:28px}
@media(max-width:900px){.product-header strong{font-size:12px}.client-label{font-size:8px}.product-header{gap:7px}.top-right{gap:12px}}
@media(max-width:650px){.product-header strong{font-size:11px}.product-header .client-label{display:none}.product-header svg{display:none}.top-right{gap:7px}.pc-window-project{display:none}.pc-titlebar>div:first-child>span{display:none}.pc-window-buttons i{width:26px}.entry-page{padding:28px 22px}.entry-cards{grid-template-columns:1fr;gap:15px}.entry-brand{margin-bottom:26px}.entry-card{padding:20px 22px 0}.entry-intro h1{font-size:25px}.entry-card p br{display:none}.entry-card-top{margin-bottom:14px}.entry-platform{margin:12px 0 15px}.entry-note{text-align:left}.login-client-marker{font-size:10px}}