:root{--ink:#142938;--muted:#738797;--dark:#102433;--dark2:#1c3646;--edge:#e3ebef;--accent:#dfb276;--mint:#63bda6;--paper:#fff;--soft:#f6f8f8}*{box-sizing:border-box}html,body{scroll-behavior:smooth;min-height:100%;margin:0}body{background:var(--soft);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #62b9b3}.brand{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.brand-mark{align-items:center;gap:4px;width:34px;height:34px;display:flex;transform:skew(-12deg)}.brand-mark span{border:2px solid var(--accent);border-top:0;border-bottom:0;width:7px;height:25px;display:block}.brand-mark span:nth-child(2){opacity:.73;height:18px}.brand-name{letter-spacing:-.08em;font-size:23px;font-weight:780;line-height:1}.brand-period{color:var(--accent)}.eyebrow,.dashboard-eyebrow{color:#d7b28a;letter-spacing:.17em;align-items:center;gap:13px;font-size:10px;font-weight:750;display:flex}.eyebrow-line{background:var(--accent);flex-shrink:0;width:25px;height:1px;display:inline-block}.login-layout{grid-template-columns:minmax(410px,1.06fr) minmax(440px,.94fr);min-height:100dvh;display:grid}.intro-pane{isolation:isolate;color:#fff;background:radial-gradient(circle at 84% 35%,#1d4351 0,#0000 48%),linear-gradient(145deg,#102937,#0b1723 85%);flex-direction:column;min-height:650px;padding:44px clamp(36px,5vw,95px);display:flex;position:relative;overflow:hidden}.intro-pattern{z-index:-1;opacity:.27;background-image:linear-gradient(#a9bbc220 1px,#0000 1px),linear-gradient(90deg,#a9bbc220 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.intro-pane:after{content:"";pointer-events:none;border:1px solid #85b2b62b;border-radius:50%;width:600px;height:600px;position:absolute;top:17%;right:-360px;box-shadow:0 0 0 90px #85b2b608,0 0 0 190px #85b2b608}.intro-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.intro-header .brand-name{color:#fff}.preview-tag{letter-spacing:.13em;white-space:nowrap;color:#9db7c1;border:1px solid #46606d;padding:9px 12px;font-size:9px;font-weight:800}.intro-content{max-width:680px;margin:auto 0;padding:30px 0 38px}.intro-content h1{letter-spacing:-.065em;margin:27px 0;font-size:clamp(49px,5.65vw,85px);font-weight:550;line-height:1.07}.intro-content h1 em{color:#a9c0c5;font-style:normal}.intro-content>p{color:#a7bcc4;max-width:445px;font-size:16px;line-height:1.85}.intro-progress{letter-spacing:.17em;color:#8da9b4;flex-direction:column;gap:12px;margin-top:61px;font-size:10px;font-weight:700;display:flex}.progress-bar{background:#395563;width:170px;height:2px}.progress-bar>span{background:var(--accent);width:40%;height:100%;display:block}.intro-footer{color:#85a0ae;letter-spacing:.13em;align-items:center;gap:13px;font-size:9px;font-weight:700;display:flex}.intro-footer strong{color:#c7d3d9;letter-spacing:-.06em;font-size:14px}.login-pane{background:#fbfcfc;flex-direction:column;justify-content:center;align-items:center;padding:40px clamp(33px,4.5vw,80px) 35px;display:flex}.login-panel{width:100%;max-width:445px;margin:auto 0;padding:55px 0 25px}.overline{letter-spacing:.13em;color:#8797a2;border-bottom:1px solid #dce5e8;justify-content:space-between;padding-bottom:22px;font-size:10px;font-weight:750;display:flex}.overline span{color:#b3c0c6}.login-heading{margin:42px 0 35px}.login-icon{color:#36616b;background:#eaf1f1;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:23px;display:grid}.login-heading h2{letter-spacing:-.055em;margin:0 0 11px;font-size:clamp(25px,2.3vw,33px);font-weight:670}.login-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:11px;display:flex}.login-form label{margin:7px 0 0;font-size:12px;font-weight:740}.login-form input{width:100%;height:52px;color:var(--ink);background:#fff;border:1px solid #d9e2e5;border-radius:9px;outline:none;padding:0 16px;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:#a0adb6}.login-form input:focus{border-color:#4da5a0;box-shadow:0 0 0 3px #4da5a01a}.primary-button{color:#fff;background:#193647;border:0;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:55px;margin-top:17px;font-size:13px;font-weight:770;transition:transform .2s,background .2s;display:flex}.primary-button:not(:disabled):hover{background:#285267;transform:translateY(-1px)}.primary-button:disabled{opacity:.48}.form-error{color:#b3433a;margin:5px 0;font-size:12px;line-height:1.5}.secure-note{color:#8c9ca6;border-top:1px solid #e5ebed;align-items:flex-start;gap:9px;margin-top:28px;padding-top:22px;font-size:11px;line-height:1.6;display:flex}.secure-note svg{color:#6aa6a0;flex-shrink:0;margin-top:2px}.login-footer{color:#9eacb6;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:445px;font-size:11px;display:flex}.mobile-brand{display:none}.connection{white-space:nowrap;color:#8092a0;align-items:center;gap:8px;font-size:11px;font-weight:660;display:inline-flex}.connection-dot{background:#afbbc1;border-radius:50%;width:7px;height:7px}.connection.online .connection-dot{background:#56bf99;box-shadow:0 0 0 3px #56bf991f}.connection.offline .connection-dot{background:#ce7873}.workspace-layout{background:#f6f8f9;min-height:100dvh;display:flex}.sidebar{color:#c7d5dc;z-index:15;background:#102635;flex-direction:column;flex:0 0 265px;width:265px;height:100dvh;min-height:100dvh;padding:33px 17px 26px;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;padding:0 18px 61px;display:flex}.sidebar .brand-name{color:#fff}.sidebar-section-label{letter-spacing:.19em;color:#7395a5;padding:0 18px 15px;font-size:9px;font-weight:780}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#a6bdc8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 15px;font-size:12px;font-weight:700;display:flex}.nav-item.active{color:#fff;background:#244152}.nav-item svg{color:#9cb7c4}.nav-current{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid #315064;margin-top:auto;padding:23px 18px 0}.sidebar-bottom-heading{color:#bbccd3;letter-spacing:.13em;align-items:center;gap:9px;font-size:10px;font-weight:760;display:flex}.small-dash{background:var(--accent);width:12px;height:2px}.sidebar-bottom-desc{color:#829ea9;margin-top:13px;font-size:11px;line-height:1.75}.sidebar-contact{color:#a9c0ca;align-items:center;gap:9px;margin-top:26px;font-size:11px;display:flex}.workspace-main{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--edge);background:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:75px;padding:0 clamp(21px,3.8vw,70px);display:flex}.topbar-left,.topbar-right{align-items:center;gap:14px;display:inline-flex}.topbar-left{color:#90a0a7;font-size:12px}.topbar-left strong{color:#2b404d;font-weight:700}.breadcrumb-separator{color:#bac7ce}.topbar-right{gap:22px}.profile{border-left:1px solid var(--edge);color:#39505d;align-items:center;gap:10px;padding-left:22px;font-size:12px;display:flex}.avatar{color:#28546a;background:#e7f0ef;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.icon-button{color:#627986;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#eaf1f2}.menu-toggle,.mobile-close{display:none}.operation-shell{background:#0b1320;height:calc(100dvh - 75px);min-height:620px;overflow:hidden}.operation-shell iframe{background:#0b1320;border:0;width:100%;height:100%;display:block}.content{flex:1;width:100%;max-width:1350px;margin:0 auto;padding:clamp(30px,4vw,65px) clamp(26px,4.8vw,80px)}.dashboard-eyebrow{color:#b68b64}.page-title-row{justify-content:space-between;align-items:center;gap:20px;margin:21px 0 31px;display:flex}.page-title-row h1{letter-spacing:-.055em;margin:0 0 9px;font-size:clamp(36px,3vw,48px);font-weight:680}.page-title-row p{color:#7b8c97;margin:0;font-size:13px;line-height:1.65}.internal-label{letter-spacing:.08em;color:#607f8c;white-space:nowrap;background:#fff;border:1px solid #dfe7e8;align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:770;display:flex}.welcome-card{color:#fff;background:linear-gradient(125deg,#173648,#0e2836);border-radius:16px;align-items:center;gap:40px;min-height:250px;padding:36px 50px;display:flex;position:relative;overflow:hidden}.welcome-visual{flex-shrink:0;place-items:center;width:180px;height:180px;display:grid;position:relative}.radar{border:1px solid #5e9da46b;border-radius:50%;width:100%;height:100%;position:absolute}.radar-2{width:125px;height:125px}.radar-3{width:75px;height:75px}.radar-core{color:#183041;z-index:1;background:#d6ab77;border-radius:13px;place-items:center;width:52px;height:52px;display:grid}.welcome-content{max-width:640px}.kicker{color:#e6be8b;letter-spacing:.17em;font-size:10px;font-weight:770}.welcome-content h2{letter-spacing:-.042em;margin:14px 0;font-size:clamp(24px,2vw,31px);font-weight:630}.welcome-content p{color:#afc5cf;margin:0;font-size:13px;line-height:1.75}.welcome-status{color:#d6b58b;align-items:center;gap:9px;margin-top:20px;font-size:11px;display:inline-flex}.tiny-pulse{background:#dcb077;border-radius:50%;width:7px;height:7px}.section-title-row{justify-content:space-between;align-items:center;gap:15px;margin:32px 0 15px;display:flex}.section-title-row h2{letter-spacing:-.03em;margin:0;font-size:18px}.section-subtitle{color:#98a8b2;font-size:12px}.status-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.status-card{background:#fff;border:1px solid #e4ebee;border-radius:12px;align-items:flex-start;gap:18px;min-height:146px;padding:23px;display:flex}.status-icon{color:#44727c;background:#eff5f5;border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.status-label{letter-spacing:.13em;color:#92a0aa;font-size:9px;font-weight:800}.status-card h3{margin:7px 0 5px;font-size:19px;font-weight:680}.status-card p{color:#85949d;margin:0;font-size:12px}.status-indicator{color:#b2c0c6;margin-left:auto}.status-indicator.online{color:#54ac9e}.pending-tag{letter-spacing:.1em;color:#bd9669;background:#fbf3e9;border-radius:6px;margin-left:auto;padding:7px 9px;font-size:9px;font-weight:780}.workspace-footer{border-top:1px solid var(--edge);color:#a5b1b9;letter-spacing:.06em;justify-content:space-between;gap:15px;margin-top:40px;padding-top:20px;font-size:10px;display:flex}.mobile-overlay{display:none}@media (max-width:1100px){.login-layout{grid-template-columns:1fr 1fr}.intro-pane{padding-inline:35px}.intro-content h1{font-size:55px}.preview-tag{display:none}.sidebar{flex-basis:230px;width:230px}}@media (max-width:780px){.login-layout{display:block}.intro-pane{display:none}.login-pane{min-height:100dvh;padding:28px 25px 30px}.mobile-brand{align-self:flex-start;display:block}.login-panel{padding:40px 0 25px}.topbar{padding:0 20px}.sidebar{width:268px;height:100dvh;transition:transform .2s;position:fixed;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:10;background:#0a1c2ca8;border:0;display:block;position:fixed;inset:0}.menu-toggle,.mobile-close{display:grid}.profile-name,.breadcrumb-label,.breadcrumb-separator{display:none}.topbar-right{gap:7px}.profile{padding-left:7px}.content{padding:28px 20px}.page-title-row{align-items:flex-start}.internal-label{display:none}.welcome-card{gap:15px;padding:28px}.welcome-visual{width:90px;height:90px}.radar-2{width:65px;height:65px}.radar-3{width:40px;height:40px}.radar-core{width:35px;height:35px}.welcome-content h2{font-size:25px}.status-grid{grid-template-columns:1fr}.operation-shell{height:calc(100dvh - 75px);min-height:0}}@media (max-width:480px){.welcome-visual{display:none}.page-title-row h1{font-size:35px}.login-heading{margin:33px 0}.overline{font-size:9px}.topbar-right .connection{font-size:0}.topbar-right .connection-dot{font-size:initial}.workspace-footer{flex-direction:column;gap:8px}.status-card{padding:17px}.content{padding:25px 16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (max-width:780px){.login-pane{padding-top:calc(28px + env(safe-area-inset-top,0px));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}.topbar{min-height:calc(75px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.sidebar{padding-top:calc(33px + env(safe-area-inset-top,0px))}.operation-shell{height:calc(100dvh - 75px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}