:root{font-family:Tahoma,Arial,sans-serif;color:#213a43;background:#f5f7f7;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{padding:20px max(24px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #e0e9e8;display:flex;justify-content:space-between;align-items:center}header b{font-size:24px;color:#0c6e64}header span{margin-inline-start:20px;color:#657b82}main{max-width:1100px;margin:50px auto;padding:0 24px}h1{font-size:34px;line-height:1.4;margin:8px 0 20px}h2{font-size:22px}p{color:#60777e}.eyebrow{font-size:13px;color:#0c6e64;font-weight:bold}button{font:inherit;border:0;border-radius:9px;padding:10px 22px;background:#0c6e64;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.quiet,nav button{background:#e4eeec;color:#25544e}nav{display:flex;gap:10px;margin-bottom:30px}nav .active{background:#0c6e64;color:white}.heading{display:flex;gap:15px;align-items:center;justify-content:space-between}.search{display:block;max-width:430px;margin-bottom:24px}input,select{display:block;width:100%;padding:11px;border:1px solid #cbd9d8;border-radius:8px;font:inherit;background:white;margin:6px 0 16px}.card{background:#fff;border:1px solid #dce7e5;border-radius:14px;padding:20px;margin:12px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.card h3{margin:0 0 6px}.card p{margin:0;font-size:14px}.badge{display:inline-block;border-radius:20px;background:#edf4f1;padding:3px 12px;color:#376554;font-size:13px}.empty{padding:45px;text-align:center;border:1px dashed #c7d7d4;border-radius:14px}dialog{border:0;border-radius:18px;padding:26px;width:min(560px,94vw);color:inherit}dialog::backdrop{background:#123c4266}#form-error{color:#a73636}#login{max-width:600px;padding:45px 0}#message{min-height:28px}label{font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #84c2b6;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{margin:25px auto}h1{font-size:27px}.card{align-items:flex-start;flex-direction:column}}

/* Onetec staff sign-in: shared identity, with an independent responsive layout. */
body:has(#workspace[hidden]){background:#eef3f5}
body:has(#workspace[hidden])>header{background:transparent;border:0;max-width:1240px;margin:auto;padding:25px 40px}
body:has(#workspace[hidden])>header b{color:#173441;letter-spacing:.5px}
body:has(#workspace[hidden])>main{max-width:1240px;margin:12px auto 0;padding:0 40px}
#login{display:grid;grid-template-columns:1fr 1fr;max-width:none;padding:0;background:#fff;min-height:620px;border:1px solid #dfe8ec;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #15364412}
.login-form-panel{padding:55px 60px 32px;display:flex;flex-direction:column;align-items:stretch}
.login-wordmark{display:flex;align-items:center;gap:13px;align-self:flex-end;margin-bottom:58px;text-align:left}
.login-wordmark strong{display:block;color:#153440;font-size:25px;line-height:1.3;letter-spacing:2px}
.login-wordmark small{color:#79909b;font-size:11px;letter-spacing:1px}
.wordmark-symbol{height:45px;width:45px;position:relative;display:grid;place-items:center;border-radius:13px;background:#e4f3f1;font-size:31px;line-height:1;color:#078e88;font-weight:bold}
.wordmark-symbol>span{position:absolute;width:7px;height:7px;background:#12b4ab;border-radius:50%;right:3px;top:3px}
.login-copy .eyebrow{letter-spacing:.7px;font-size:12px;margin:0 0 13px;color:#008c85}
#login h1{font-size:40px;letter-spacing:-1px;color:#173441;margin:0 0 20px;line-height:1.45}
.login-description{font-size:16px;line-height:1.9;margin:0 0 30px;color:#6b818c}
.microsoft-signin{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:58px;border-radius:12px;background:#087e79;box-shadow:0 7px 18px #087e791c;font-size:14px;font-weight:bold;transition:background .15s,transform .15s}
.microsoft-signin:hover:not(:disabled){background:#076c68;transform:translateY(-1px)}
.microsoft-signin:disabled{opacity:.6}
.microsoft-mark{display:grid;grid-template-columns:repeat(2,8px);gap:2px;direction:ltr}
.microsoft-mark i{height:8px;background:#fff;display:block}
.signin-arrow{margin-inline-start:auto;font-size:23px;font-weight:normal}
.login-note{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#69808a;margin:22px 0 0;line-height:1.8}
.login-note small{color:#91a1a9;font-size:11px}
.lock-mark{height:12px;width:13px;background:#c2d2d7;border-radius:3px;position:relative}
.lock-mark:before{content:"";position:absolute;border:2px solid #c2d2d7;width:7px;height:8px;top:-7px;left:3px;border-radius:5px 5px 0 0}
.login-footer{margin:auto 0 0;padding-top:45px;text-align:center;color:#9aabb3;font-size:10px;letter-spacing:.3px}
.login-brand-panel{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 5% 95%,#0e6269 0%,transparent 65%),linear-gradient(145deg,#102d40,#0b1f31);color:#fff;padding:38px 42px 28px;display:flex;flex-direction:column}
.login-brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:44px 44px;z-index:-1}
.brand-panel-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#96bcc9}
.brand-panel-dot{height:7px;width:7px;background:#24c8b9;border-radius:50%;box-shadow:0 0 20px #24c8b980}
.brand-panel-copy{margin-top:57px}
.brand-kicker{font-size:12px;color:#66d6cb;margin:0 0 20px}
.brand-panel-copy h2{font-size:40px;line-height:1.5;margin:0 0 15px;font-weight:bold;letter-spacing:-.8px}
.brand-panel-copy>p:last-child{font-size:14px;color:#a4bdc9;line-height:1.9;margin:0}
.network-art{height:185px;position:relative;direction:ltr;width:260px;align-self:center;margin:8px 0 0}
.orbit{position:absolute;left:50%;top:50%;border:1px solid #71ced529;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}
.orbit-one{width:175px;height:110px}.orbit-two{width:235px;height:150px}.orbit-three{width:285px;height:180px}
.network-center{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(140deg,#1c7c82,#144958);border:1px solid #44c0ba5c;box-shadow:0 0 65px #15b5a526;border-radius:16px;color:#8be3db;font-size:33px;font-weight:bold}
.network-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#69d3c9;box-shadow:0 0 0 6px #60d4c712}
.node-one{top:30px;left:70px}.node-two{top:105px;right:26px}.node-three{bottom:20px;left:58px;background:#5691ad}
.brand-panel-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;font-size:10px;color:#83a7b9;border-top:1px solid #ffffff12;padding-top:18px}
body:has(#workspace[hidden]) #message{text-align:center;font-size:13px;margin:18px 0;color:#597580}
@media(min-width:1500px){body:has(#workspace[hidden])>main{margin-top:40px}}
@media(max-width:1000px){.login-form-panel{padding:45px 35px 28px}.login-brand-panel{padding:35px 30px}.brand-panel-copy h2{font-size:34px}#login h1{font-size:34px}}
@media(max-width:720px){body:has(#workspace[hidden])>header{padding:20px 24px}body:has(#workspace[hidden])>main{padding:0 18px;margin:0 auto}#login{grid-template-columns:1fr;min-height:0;border-radius:20px}.login-form-panel{padding:32px 28px}.login-wordmark{margin-bottom:40px}.login-brand-panel{display:none}.login-footer{padding-top:35px}#login h1{font-size:34px}.microsoft-signin{padding:10px 15px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.microsoft-signin{transition:none}}

/* Onetec English sign-in, official supplied logo. */
body:has(#workspace[hidden]){background:#0e1726;font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 90% 0,#253443 0,transparent 55%)}
body:has(#workspace[hidden])>header{display:none}
body:has(#workspace[hidden])>main{max-width:1180px;padding:40px 24px;margin:0 auto;min-height:100vh;display:grid;align-items:center}
#login{min-height:660px;border:1px solid #ffffff12;box-shadow:0 35px 100px #0005;grid-template-columns:1.05fr 1fr;border-radius:26px}
.login-brand-panel{background:radial-gradient(ellipse at 0 100%,#333021 0,transparent 70%),#142130;padding:42px;direction:ltr}
.brand-panel-dot{background:#e1a518;box-shadow:0 0 25px #e1a51870}
.brand-panel-copy{margin-top:65px}.brand-kicker{color:#e6b752;font-size:10px;letter-spacing:1.7px}.brand-panel-copy h2{font-size:48px;line-height:1.12;letter-spacing:-2px}.brand-panel-copy>p:last-child{margin-top:23px;line-height:1.8;color:#a3b0bd}
.login-form-panel{padding:50px 55px 35px}.company-logo{position:relative;width:275px;height:95px;overflow:hidden;margin-bottom:44px;align-self:flex-start}.company-logo img{display:block;width:390px;max-width:none;margin-left:-54px;margin-top:-15px}
.login-copy .eyebrow{font-size:10px;letter-spacing:1.8px;color:#9b7217}#login h1{font-size:38px;line-height:1.2;letter-spacing:-1.5px;color:#172433}.login-description{font-size:14px;color:#6b7886;line-height:1.9;margin-top:22px;margin-bottom:32px}
.microsoft-signin{background:#172433;box-shadow:none;font-size:13px;min-height:56px;border-radius:10px;padding:12px 18px}.microsoft-signin:hover:not(:disabled){background:#283c50}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.signin-arrow{font-size:20px}.login-note{justify-content:flex-start;margin-top:25px;font-size:11px;gap:16px}.login-note small{font-size:10px}.login-footer{font-size:9px;letter-spacing:.5px}
.work-preview{margin-top:37px;background:#ffffff06;border:1px solid #ffffff12;border-radius:15px;padding:21px}.preview-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#90a0b1}.preview-heading i{width:6px;height:6px;border-radius:50%;background:#e1a518}.preview-flow{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:10px;color:#d3dbe4}.preview-flow span{padding:8px;background:#ffffff06;border:1px solid #ffffff10;border-radius:7px}.preview-flow b{color:#637589;font-weight:normal}.preview-row{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff0d;padding-top:17px}.preview-icon{color:#e6b752;background:#e1a51816;border-radius:7px;padding:7px 10px}.preview-row strong{display:block;font-size:11px;font-weight:500}.preview-row small{color:#8293a7;font-size:9px}.preview-pill{margin-left:auto;color:#e6b752;font-size:7px;border:1px solid #e1a51830;border-radius:5px;padding:5px;white-space:nowrap}.preview-lines{display:flex;gap:5px;margin-top:18px}.preview-lines i{height:4px;border-radius:5px;background:#ffffff0a;flex:1}.preview-lines i:first-child{background:#d4a53b80;flex:2}
@media(max-width:900px){.login-form-panel{padding:40px 30px}.login-brand-panel{padding:35px 28px}.brand-panel-copy h2{font-size:39px}.preview-pill{display:none}}
@media(max-width:720px){body:has(#workspace[hidden])>main{padding:20px 16px}#login{grid-template-columns:1fr;min-height:0}.login-brand-panel{display:none}.login-form-panel{padding:30px 26px}.company-logo{margin-bottom:30px;width:250px}#login h1{font-size:34px}}