:root{--navy-950: #07162f;--navy-900: #0a1d3d;--navy-800: #102a58;--blue-500: #2492ff;--blue-600: #1367df;--blue-700: #0e49bf;--text-dark: #12264c;--text-muted: #63779d;--line: #d9e2f1;--white: #ffffff;--shadow-lg: 0 28px 80px rgba(16, 42, 88, .18);--shadow-card: 0 24px 54px rgba(20, 55, 115, .14);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-dark);background:radial-gradient(circle at top center,rgba(36,146,255,.08),transparent 28%),linear-gradient(90deg,#081a35 0,#081a35 46%,#f4f7fb 46%,#f4f7fb);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow-x:auto;overflow-y:auto}img{display:block;max-width:100%}button,input,a{font:inherit}button{border:0}svg{width:24px;height:24px}.brand-white{color:#fff}.brand-blue{color:#41a5ff}.brand-white--dark{color:#102a58}.brand-blue--dark{color:#1c83f6}.login-layout{min-height:100vh;height:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(540px,.9fr)}.hero-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#06142ee3,#081227ed),linear-gradient(135deg,#0a1d3d,#091733 60%,#071227)}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.022),transparent 36%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 12px);opacity:.24;pointer-events:none}.hero-illustration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14}.photo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 76% 55%,rgba(255,255,255,.16),transparent 18%),linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.07) 43%,transparent 56%),radial-gradient(circle at 66% 18%,rgba(255,255,255,.08),transparent 16%)}.ac-unit{position:absolute;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff14}.ac-unit-main{right:7%;bottom:10%;width:31%;aspect-ratio:1 / 1}.ac-unit-side{right:27%;top:18%;width:19%;aspect-ratio:1 / 1}.grill,.fan-ring,.fan-center{position:absolute;border-radius:999px}.grill{left:16%;right:16%;height:1px;background:#ffffff29}.grill-a{top:32%}.grill-b{top:50%}.grill-c{top:68%}.fan-ring{top:26%;right:26%;bottom:26%;left:26%;border:1px solid rgba(255,255,255,.18)}.fan-center{top:44%;right:44%;bottom:44%;left:44%;background:#ffffff24}.pipe{position:absolute;height:10px;border-radius:999px;background:linear-gradient(90deg,#ffffff0a,#ffffff24,#ffffff0a)}.pipe-one{width:26%;right:21%;top:41%;transform:rotate(-22deg)}.pipe-two{width:18%;right:12%;top:31%;transform:rotate(24deg)}.tool-silhouette{position:absolute;left:60%;bottom:7%;width:16%;height:42%}.tool-head,.tool-body,.tool-arm{position:absolute;background:#ffffff14;border-radius:999px}.tool-head{width:34%;height:14%;left:36%;top:0}.tool-body{width:42%;height:62%;left:28%;top:12%;border-radius:28px}.tool-arm{width:56%;height:10%;left:14%;top:30%;transform:rotate(-22deg)}.hero-content{position:relative;z-index:1;max-width:760px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,3vw,44px) clamp(38px,3vw,54px) clamp(28px,3vw,38px) clamp(42px,4vw,64px);color:var(--white)}.brand-header{display:flex;align-items:center;gap:14px}.brand-mark{width:clamp(74px,6vw,94px);height:clamp(74px,6vw,94px);object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}.brand-copy h1,.form-brand h3,.welcome-copy h4,.hero-message h2,.feature-item strong{margin:0}.brand-copy h1{display:flex;align-items:baseline;gap:2px;font-size:clamp(2.25rem,3vw,2.95rem);letter-spacing:.01em;font-weight:900;line-height:.95}.brand-subtitle,.brand-copy .brand-subtitle{display:inline-block;margin-top:6px;color:#2f9fff;font-size:clamp(.72rem,.9vw,.86rem);letter-spacing:.16em}.hero-center{display:grid;gap:clamp(24px,2.3vw,34px)}.hero-message{display:grid;gap:12px}.hero-message h2{display:grid;gap:6px;max-width:22ch;font-size:clamp(1.58rem,1.85vw,2.08rem);line-height:1.12;font-weight:800;letter-spacing:-.03em}.headline-light,.headline-accent{display:block;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;white-space:normal}.headline-light{color:#fff}.headline-accent{color:#3ca6ff}.hero-message p{max-width:45ch;margin:0;font-size:clamp(.92rem,1vw,1rem);line-height:1.65;color:#ffffffd6}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:640px;align-content:start}.feature-item{position:relative;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:12px 14px 12px 18px;border-radius:18px;background:#ffffff05;border:1px solid transparent;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.feature-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:transparent;transition:background-color .22s ease}.feature-item:hover,.feature-item.is-active{transform:translateY(-2px);background:#459aff14;border-color:#5badff29;box-shadow:0 12px 24px #040d212e}.feature-item:hover:before,.feature-item.is-active:before{background:#3ca6ff}.feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:#e8f1ff;background:linear-gradient(180deg,#1b5fdbc2,#0c2e70db);box-shadow:inset 0 1px #ffffff14,0 10px 20px #06112a3d}.feature-item strong{display:block;font-size:.97rem;font-weight:700;margin-bottom:2px}.feature-item p{margin:0;color:#ffffffc2;font-size:.82rem;line-height:1.36}.form-panel{min-height:100vh;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:clamp(18px,3vw,30px);background:radial-gradient(circle at top,rgba(36,146,255,.08),transparent 26%),linear-gradient(180deg,#f9fbff,#f1f5fb)}.form-card{width:min(100%,620px);padding:clamp(24px,2.4vw,32px);border-radius:26px;background:#fffffff7;border:1px solid rgba(196,209,229,.72);box-shadow:var(--shadow-card)}.form-brand{display:flex;align-items:center;justify-content:center;gap:14px}.form-brand-mark{width:clamp(90px,8vw,110px);height:clamp(90px,8vw,110px);object-fit:contain}.form-brand h3{display:flex;align-items:baseline;gap:2px;font-size:clamp(2.14rem,2.4vw,2.7rem);line-height:.95;font-weight:900}.form-brand span{display:inline-block;margin-top:6px;color:#5d6f93;letter-spacing:.16em;font-weight:700;font-size:clamp(.72rem,.9vw,.82rem)}.welcome-copy{text-align:center;margin-top:14px}.welcome-copy h4{font-size:clamp(1.32rem,1.65vw,1.7rem);color:#162a52;font-weight:800}.welcome-copy p{margin:8px auto 0;max-width:360px;font-size:.9rem;color:var(--text-muted);line-height:1.48}.login-form{display:grid;gap:12px;margin-top:16px}.field-group{display:grid;gap:8px}.field-group>span{font-size:.88rem;font-weight:700;color:#172950}.input-shell{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:var(--white);box-shadow:0 1px #ffffffe6;color:#657898;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.input-shell:focus-within{border-color:#73b4ff;box-shadow:0 0 0 4px #2492ff1f;transform:translateY(-1px)}.input-shell input{width:100%;border:0;outline:none;background:transparent;color:#18305d;font-size:.96rem}.input-shell input::placeholder{color:#8c9cb7}.password-shell{padding-right:8px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:transparent;color:#667998;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.icon-button:hover{background:#1c83f614;color:#1c83f6;transform:scale(1.04)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.remember-row{display:flex;align-items:center;gap:8px;color:#3e537c;font-size:.86rem}.remember-row input{width:16px;height:16px;accent-color:#1568df}.form-row a{color:#1568df;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .2s ease}.form-row a:hover{color:#0e49bf}.submit-button{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;background:linear-gradient(135deg,var(--blue-700),var(--blue-600));color:var(--white);font-size:.96rem;font-weight:800;cursor:pointer;box-shadow:0 16px 30px #1367df33;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 20px 34px #1367df42;filter:brightness(1.03)}.card-footer{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7fa2;font-size:.84rem}.card-footer svg,.input-shell svg,.icon-button svg{flex:0 0 auto}.copyright{margin:0;text-align:center;color:#6e81a5;font-size:.78rem}.dashboard-shell{min-height:100vh;height:auto;display:grid;grid-template-columns:274px minmax(0,1fr);background:linear-gradient(180deg,#f9fbff,#f2f6fd)}.sidebar{display:flex;flex-direction:column;gap:16px;padding:22px 14px 18px;background:linear-gradient(180deg,#081a35,#091a34 45%,#07162d);color:#fff;box-shadow:inset -1px 0 #ffffff0f;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-logo{width:54px;height:54px;object-fit:contain}.sidebar-brand h1{display:flex;align-items:baseline;gap:2px;margin:0;font-size:1.55rem;line-height:.95}.sidebar-brand span{display:inline-block;margin-top:4px;font-size:.62rem;letter-spacing:.12em;color:#39a4ff}.sidebar-section-title{color:#ffffffa3;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;padding:2px 8px 0}.sidebar-menu{display:grid;gap:8px}.sidebar-item,.sidebar-logout{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 14px;border-radius:13px;background:transparent;color:#ffffffeb;cursor:pointer;text-align:left;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:transparent;transition:background-color .2s ease}.sidebar-item:hover,.sidebar-item.is-active,.sidebar-logout:hover{background:linear-gradient(135deg,#1f6ae4f0,#1c83f6eb);color:#fff;transform:translate(2px);box-shadow:0 12px 24px #07162f38}.sidebar-item.is-active:before,.sidebar-item:hover:before{background:#83c4ff}.sidebar-item span,.sidebar-logout span{font-size:.88rem;font-weight:600}.sidebar-logout{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;border-radius:0;min-height:0;background:transparent;transform:none;box-shadow:none}.dashboard-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.dashboard-topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,42,88,.08)}.topbar-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.notification-button{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#1152af0f;color:#274574;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.notification-button:hover{transform:translateY(-1px);background:#1152af1c}.notification-badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px;background:#ff4d5f;color:#fff;font-size:.7rem;font-weight:700}.profile-chip{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;border-radius:18px;background:#ffffffe0;box-shadow:0 10px 24px #12264c14;color:#1d3768}.profile-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#1f78ec;background:linear-gradient(180deg,#f6fbff,#e9f1ff)}.profile-chip strong{display:block;font-size:.9rem}.profile-chip span{display:block;font-size:.76rem;color:#667999;margin-top:2px}.dashboard-content{flex:1;display:flex;flex-direction:column;padding:18px 24px 22px;overflow-y:auto}.dashboard-heading h2{margin:0;font-size:1.65rem;color:#173268}.dashboard-heading p{margin:6px 0 0;color:#5f7397;font-size:.94rem}.coming-card{flex:1;min-height:320px;margin-top:16px;border-radius:26px;background:radial-gradient(circle at top,rgba(62,146,255,.06),transparent 26%),#fff;border:1px solid rgba(185,202,227,.58);box-shadow:0 24px 60px #12264c14;display:grid;place-items:center;text-align:center;padding:22px;overflow:hidden}.coming-illustration{position:relative;width:136px;height:136px;display:grid;place-items:center;color:#3a82ff}.coming-illustration svg{width:92px;height:92px;position:relative;z-index:1}.coming-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#3a82ff1f,#3a82ff08)}.coming-card strong{display:block;margin-top:4px;font-size:2.35rem;letter-spacing:-.04em;color:#143777}.coming-card p{margin:12px 0 0;max-width:380px;font-size:.94rem;line-height:1.55;color:#536b95}.coming-card p span{color:#14418c;font-weight:700}.coming-card small{display:block;margin-top:14px;font-size:.9rem;color:#6b7ea3}@media (max-width: 1280px){.login-layout{grid-template-columns:minmax(0,1fr) minmax(500px,.95fr)}.feature-list{grid-template-columns:1fr;max-width:470px}}@media (max-width: 1100px){body{overflow:auto}.dashboard-shell{min-height:100vh;height:auto;grid-template-columns:1fr}.sidebar{gap:18px}.sidebar-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-logout{margin-top:6px}}@media (max-width: 1024px){body{overflow:auto}.login-layout{min-height:100vh;height:auto;grid-template-columns:1fr}.hero-panel,.form-panel{min-height:auto;height:auto}.hero-content{min-height:auto;max-width:860px;gap:22px}.hero-message h2{max-width:100%}}@media (max-width: 768px){:root{background:linear-gradient(180deg,#081a35,#f4f7fb 52%)}body{overflow:auto}.hero-content{padding:28px 22px}.brand-header{gap:12px}.brand-mark,.form-brand-mark{width:72px;height:72px}.brand-copy h1,.form-brand h3{font-size:2.05rem}.brand-copy .brand-subtitle,.form-brand span{font-size:.72rem;letter-spacing:.14em}.hero-message h2{font-size:1.78rem;gap:6px}.hero-message p{font-size:.95rem}.feature-list{grid-template-columns:1fr;max-width:100%}.form-panel{padding:18px 14px 28px}.form-card{width:min(100%,640px);padding:24px 18px;border-radius:22px}.welcome-copy h4{font-size:1.5rem}.welcome-copy p,.field-group>span,.remember-row,.form-row a,.card-footer,.copyright{font-size:.92rem}.form-row{flex-direction:column;align-items:flex-start}.sidebar-menu{grid-template-columns:1fr}.dashboard-topbar,.dashboard-content{padding-left:18px;padding-right:18px}.topbar-actions{gap:12px}.profile-chip{gap:10px}.coming-card strong{font-size:2.3rem}}@media (max-height: 900px){.hero-content{gap:20px;padding-top:26px;padding-bottom:24px}.hero-center{gap:20px}.feature-list{gap:12px 16px}.feature-item{padding:11px 13px 11px 16px}.form-panel{justify-content:flex-start;padding-top:20px;padding-bottom:20px}.form-card{padding:22px 24px}.dashboard-topbar{min-height:72px}.dashboard-content{padding-top:16px;padding-bottom:18px}.coming-card{min-height:280px}}@media (max-height: 760px){.brand-mark,.form-brand-mark{width:68px;height:68px}.brand-copy h1,.form-brand h3{font-size:clamp(1.86rem,2.1vw,2.25rem)}.hero-message h2{font-size:clamp(1.42rem,1.7vw,1.8rem)}.hero-message p,.welcome-copy p,.feature-item p{font-size:.84rem}.input-shell,.submit-button{min-height:52px}.coming-card strong{font-size:2rem}}