:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1b2a3c;background:#f3f5f7;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#16675e;color:white;border:1px solid transparent;border-radius:7px;padding:11px 18px;font-weight:600}button:hover{background:#11534c}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d5aa53;outline-offset:3px}input,select,textarea{width:100%;padding:11px;border:1px solid #ced6de;border-radius:6px;background:#fff;color:#182637}input:focus,select:focus,textarea:focus{outline:2px solid #16675e;outline-offset:1px}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}label input,label select,label textarea{display:block;margin-top:7px;font-weight:400}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650}h2{font-size:21px;letter-spacing:-.4px}.brand{font-size:15px;letter-spacing:2px;font-weight:750;position:relative;padding-left:46px}.brand-mark{position:absolute;left:0;top:0;display:grid;place-items:center;background:#d7b263;color:#142536;width:34px;height:42px;border-radius:4px;font-size:25px}.brand-sub{display:block;font-size:9px;letter-spacing:2.6px;font-weight:400}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#617686;margin-bottom:14px}.muted,small{color:#697887}.small,small{font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{padding:60px max(40px,9vw);background:#122235;color:white;display:flex;flex-direction:column;justify-content:center;min-height:100vh;background-image:radial-gradient(ellipse at 100% 90%,#24594e 0,transparent 60%)}.intro .brand{margin-bottom:95px}.intro h1{font-size:clamp(36px,4vw,56px);line-height:1.14;letter-spacing:-2px}.intro p{color:#b2c3cc;max-width:400px}.intro-detail{border-top:1px solid #ffffff26;margin-top:35px;padding-top:28px;display:grid;gap:17px;font-size:13px;color:#c0d0d6}.intro small{margin-top:70px;color:#92a6b7}.login-form{align-self:center;width:min(420px,85%);margin:auto;padding:50px 0}.login-form h2{font-size:31px}.login-form form{margin-top:35px}.login-form button{width:100%;margin:5px 0 20px}.shell{display:flex;min-height:100vh}aside{width:248px;flex-shrink:0;background:#122235;color:#fff;padding:35px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}aside>.eyebrow{margin-top:60px;color:#839bae;font-size:9px}nav{display:grid;gap:7px}nav button{text-align:left;font-size:13px;background:none;color:#b0c0cf;padding:13px 12px;font-weight:400}nav button.selected{background:#ffffff12;color:white;box-shadow:inset 3px 0 #d7b263}.account{margin-top:auto;overflow-wrap:anywhere;font-size:12px}.account button{padding:7px 0;background:none;color:#b6c8d4}.account .badge{background:#254239;color:#b9ddcd}.workspace{padding:38px 48px;width:100%;max-width:1500px;margin:0 auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}header h1{margin-bottom:0}.filter{min-width:170px;margin:0}.hero{border-radius:12px;background:#dcebe6;padding:32px 36px;margin-bottom:24px;border:1px solid #cce0d8}.hero .eyebrow{color:#386457}.hero h2{font-size:30px;margin-bottom:10px}.hero p{max-width:550px;color:#4a695f}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metrics article{background:white;padding:24px;border:1px solid #e0e5eb;border-radius:10px}.metrics span,.metrics small{display:block}.metrics span{font-size:12px;color:#586a7c}.metrics strong{font-size:37px;font-weight:600;display:block;margin:10px 0}.panel{background:#fff;border:1px solid #dfe5eb;border-radius:10px;padding:26px 30px;margin-bottom:22px}.panel h2{margin-bottom:20px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid #e8edf1}.row:last-child{border-bottom:0}.row strong{font-size:14px}.row small{display:block;margin-top:5px}.row label{margin:0;min-width:210px}.badge{display:inline-block;padding:5px 10px;background:#edf2f5;color:#536775;font-size:11px;border-radius:5px}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#fff;color:#365463;border-color:#ccd8dc}.secondary:hover{background:#edf4f1}.grid-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;align-items:end}.grid-form button{margin-bottom:18px}.inline{display:flex;gap:15px;align-items:end}.inline label{flex:1;margin:0}.id,.key{overflow-wrap:anywhere}.ticket-body{white-space:pre-wrap;font-size:14px;margin-top:15px}.ticket{border-bottom:1px solid #e8edf1;padding-bottom:10px}.ticket select{max-width:200px}.error,.notice{padding:12px 16px;border-radius:6px;font-size:14px}.error{color:#8e2929;background:#fcecec}.notice{color:#215d46;background:#e5f3e9}footer{color:#80909d;font-size:11px;text-align:center;margin:40px 0 5px}@media(max-width:1000px){.workspace{padding:25px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}aside{width:215px;padding:30px 18px}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.intro{min-height:auto;padding:32px}.intro .brand{margin-bottom:38px}.intro h1{font-size:36px}.intro-detail,.intro small{display:none}.login-form{padding:35px 0}.shell{display:block}aside{position:static;width:100%;height:auto;padding:20px}aside>.eyebrow{margin-top:20px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.account{margin-top:15px;display:flex;gap:15px;align-items:center}.account p{margin:0}.account .badge{display:none}.workspace{padding:22px 16px}header{align-items:start;flex-direction:column}h1{font-size:25px}.metrics{grid-template-columns:1fr;gap:10px}.metrics article{padding:15px;display:flex;align-items:center;gap:15px}.metrics strong{margin:0;font-size:27px}.metrics small{margin-left:auto;font-size:10px}.grid-form{grid-template-columns:1fr}.panel{padding:22px 18px}.row{align-items:start;flex-direction:column;gap:12px}.row label{width:100%}.hero{padding:25px}.hero h2{font-size:25px}.inline{flex-direction:column;align-items:stretch}.ticket .row{flex-direction:row}.ticket .row strong{overflow-wrap:anywhere}.ticket select{max-width:150px}}
/* Brand reference: entwurf.schwering.tech, checked 2026-10-13. */
:root{font-family:Roboto,Arial,sans-serif;color:#00162e;background:#f5f7fa;--navy:#00162e;--yellow:#ffdd00}h1,h2{font-weight:750;letter-spacing:-.8px}button{background:var(--yellow);color:var(--navy);border-radius:6px}button:hover{background:#e9ca00}button:focus-visible,a:focus-visible{outline-color:#ccad00}input:focus,select:focus,textarea:focus{outline-color:#4f7196}.brand{padding:0;display:block;text-decoration:none;color:white;font-size:15px;letter-spacing:.5px}.brand img{display:block;width:100%;max-width:228px;height:auto}.brand-location{display:block;font-weight:750;letter-spacing:.8px;font-size:14px;margin-top:12px}.brand-sub{font-size:10px;letter-spacing:2.8px;color:#b0c5d9;margin-top:7px}.intro{background:var(--navy);background-image:none;border-bottom:5px solid var(--yellow);padding:55px max(40px,8vw)}.intro .brand{margin-bottom:65px;max-width:250px}.intro h1{font-size:clamp(38px,4.3vw,60px);line-height:1.12;font-weight:800;letter-spacing:-1.8px}.intro .eyebrow{color:var(--yellow);font-size:11px;letter-spacing:2.4px}.intro p{color:#b8c9da;font-size:16px;line-height:1.7}.intro-detail{border-color:#23384e;color:#d2ddeb}.intro-detail span{display:flex;gap:15px}.intro small{color:#a3b7ca}.login-form>.eyebrow{color:#63768c}.login-form h2{font-weight:750}.login-form .muted{color:#607185}.login-form button{padding:13px 18px}.login-page{border-top:5px solid var(--yellow);background:white}aside{background:var(--navy);border-right:1px solid #15324e}aside>.eyebrow{margin-top:45px;color:#99aec4}aside .brand img{max-width:193px}aside .brand-location{font-size:12px}nav button{background:none;color:#c0cedd}nav button:hover{background:#112d49}nav button.selected{background:#18334e;box-shadow:inset 3px 0 var(--yellow);color:white}.account .badge{background:#18334e;color:#ffdd00}.account button{background:none;color:#c0cedd}.workspace header{padding-bottom:22px;border-bottom:2px solid var(--yellow)}.hero{background:var(--navy);color:white;border:0;border-radius:8px;position:relative;border-bottom:4px solid var(--yellow)}.hero .eyebrow{color:var(--yellow)}.hero p{color:#bccbd9}.hero h2{font-size:33px;font-weight:750}.metrics article{border-radius:8px;box-shadow:0 3px 12px #00162e04}.metrics strong{color:var(--navy);font-weight:750}.panel{border-radius:8px}.secondary{background:var(--navy);color:white;border-color:var(--navy)}.secondary:hover{background:#16344f}.badge{background:#edf2f8;color:#405b76}.notice{background:#fff9d0;color:#554b12;border-left:3px solid var(--yellow)}footer a{color:#526a82;text-decoration:none;margin-left:15px}footer a:hover{text-decoration:underline}@media(max-width:720px){.intro{padding:30px 28px}.intro .brand{max-width:200px;margin-bottom:35px}.intro h1{font-size:40px}.intro p{font-size:14px}aside .brand{max-width:180px}aside .brand img{max-width:165px}aside .brand-sub{display:none}aside>.eyebrow{margin-top:24px}.hero h2{font-size:27px}.workspace header{padding-bottom:15px}}

.mfa-qr{background:white;padding:8px;text-align:center;margin:15px 0}.mfa-qr svg{width:220px;max-width:100%;height:auto}.mfa-key{display:block;overflow-wrap:anywhere;margin:15px 0;font-size:13px}details{margin-bottom:20px}