/* STRMX panel identity. Customer app branding is configured separately. */
:root{--accent:#20c8f3;--bg:#080c16;--panel:#101725;--panel2:#151f31;--line:#253249;--muted:#a4b0c4;color-scheme:dark}
body{background:radial-gradient(ellipse at 3% 0%,#102c43 0,transparent 42%),radial-gradient(ellipse at 100% 25%,#231338 0,transparent 42%),#080c16;color:#f0f4fc}
header{background:rgba(8,12,22,.96);border-bottom:1px solid #263147;padding:16px max(24px,calc((100vw - 1220px)/2));gap:20px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;letter-spacing:.11em;flex-shrink:0}.brand img{width:42px;height:46px;object-fit:contain;border-radius:9px}.brand span{font-size:23px;line-height:1.1}.brand small{display:block;font-size:9px;font-weight:650;letter-spacing:.16em;margin-top:5px;color:#8f9fb9}
.tenant-label{font-size:13px;color:#bac8dc;border:1px solid var(--line);padding:7px 12px;border-radius:20px;margin-right:auto}
nav a{font-size:14px;border:1px solid transparent}nav a:hover,nav a:focus-visible{background:#17283c;border-color:#36516e;color:#fff}
.container{padding-top:30px}.page-title h1{font-size:28px;letter-spacing:-.025em}.card{background:linear-gradient(145deg,#121d2c,#0e1522);border-color:var(--line);border-radius:18px;box-shadow:0 18px 42px #0002}.card h2{font-size:20px}.field label{font-size:14px;color:#dce6f5}.field input,.field textarea,.field select{background:#090f1a;border-color:#2a3850;min-height:46px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#22bcf3;box-shadow:0 0 0 3px #23baff24}.btn{background:linear-gradient(115deg,#087db5,#5942cc);border:1px solid #628fe254;min-height:42px;border-radius:10px}.btn.secondary{background:#203048;border-color:#354965}.btn.danger{background:#a52a42}.btn.ghost{background:transparent}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #69d6ff;outline-offset:3px}.badge{background:#25344f}th{background:#19253a}table{background:#101a2b}td{border-color:#263147}.platform-link{color:#acbdd5}footer{font-size:12px;color:#8292ac}
body[data-mode=auth] header,body[data-mode=auth] .page-title{display:none}body[data-mode=auth] .container{max-width:1100px;min-height:calc(100vh - 76px);display:flex;align-items:center;padding:32px 24px}body[data-mode=auth] footer{padding:20px}
.auth-shell{width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid #2a3650;border-radius:26px;overflow:hidden;box-shadow:0 32px 100px #0005;background:#101725}.auth-identity{padding:48px;background:radial-gradient(ellipse at 20% 20%,#043550,transparent 65%),linear-gradient(145deg,#0b1628,#1c1030);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.auth-symbol{width:116px;height:124px;object-fit:contain;border-radius:20px;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#5ecff6;margin:0 0 14px}.auth-identity h2{font-size:38px;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}.auth-identity>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#aebbd2;max-width:280px;margin:0}.auth-line{width:90px;height:4px;border-radius:4px;background:linear-gradient(90deg,#00c9eb,#713cff);margin-top:30px}.auth-form{padding:52px 44px;align-self:center;min-width:0}.auth-form h1{font-size:27px;letter-spacing:-.03em;margin:0 0 12px}.auth-form>.muted{line-height:1.6;font-size:14px;margin:0 0 28px}.auth-form .field{margin-bottom:20px}.auth-form input{font:inherit;min-height:50px}.password-field{display:flex;position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:4px;top:4px;bottom:4px;width:60px;border:0;background:transparent;color:#8fdcfa;cursor:pointer;font-weight:700;border-radius:6px}.auth-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:15px}.auth-help{font-size:12px;color:#899bb5;line-height:1.6;margin:22px 0 0}.auth-tenant{background:#18263b;border:1px solid #314361;border-radius:9px;padding:10px 12px;margin:-12px 0 24px;font-size:14px;color:#dbe8fb}
@media(max-width:820px){header{padding:14px 18px}nav{width:100%}.tenant-label{margin-left:auto;margin-right:0}.auth-identity{padding:32px}.auth-form{padding:38px 28px}.auth-identity h2{font-size:30px}.auth-symbol{width:90px;height:96px}}
@media(max-width:620px){body[data-mode=auth] .container{padding:18px 14px;align-items:flex-start}.auth-shell{grid-template-columns:1fr;border-radius:20px}.auth-identity{padding:25px 28px;display:grid;grid-template-columns:60px 1fr;column-gap:18px;align-items:center}.auth-symbol{width:60px;height:64px;grid-row:1/3;margin:0}.auth-identity .eyebrow{margin:0;font-size:10px}.auth-identity h2{font-size:22px;margin:0}.auth-identity h2 br{display:none}.auth-identity>p:not(.eyebrow),.auth-line{display:none}.auth-form{padding:30px 26px}.auth-form h1{font-size:25px}.row,.row.three,.split{grid-template-columns:1fr}.brand span{font-size:21px}.page-title h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}