.header-actions { display: flex; align-items: center; gap: 10px; }
.auth-grid { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 14px; margin: 16px 0; }
.auth-grid label { font-weight: 700; }
.auth-grid input { margin-top: 6px; }
.login form > small { display: block; margin-top: 10px; }
body:not(.authenticated) .sidebar,
body:not(.authenticated) main > header,
body:not(.authenticated) #overview,
body:not(.authenticated) #new-company,
body:not(.authenticated) #companies,
body:not(.authenticated) #catalog { display: none; }
body:not(.authenticated) main { margin: 0; max-width: none; padding: 0; }
body:not(.authenticated) .login { display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(440px,.92fr);min-height:100vh;margin:0;padding:0;border:0;border-radius:0;background:#f4f5f7; }
.login-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px 7vw 38px;background:radial-gradient(circle at 72% 38%,#f1792d24 0,transparent 25%),linear-gradient(145deg,#101416,#080a0b 70%);color:#fff}.login-showcase:before{content:"";position:absolute;width:540px;height:540px;border:1px solid #ffffff0e;border-radius:50%;right:-230px;top:12%;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.login-brand{position:relative;z-index:1;color:#fff;text-decoration:none;font-weight:850;letter-spacing:.08em}.login-brand span{background:#f1792d;padding:7px 9px;border-radius:7px;margin-right:7px}.showcase-copy{position:relative;z-index:1;max-width:700px}.showcase-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#171b1e;color:#ff832f;font-style:normal;font-weight:900;box-shadow:0 0 35px #f1792d45;margin-bottom:28px}.showcase-kicker{color:#f29a5e;font-size:12px;font-weight:850;letter-spacing:.18em;margin:0 0 10px}.showcase-copy h2{font-size:clamp(52px,5vw,82px);line-height:.94;letter-spacing:-.055em;margin:0 0 26px}.showcase-copy h2 em{color:#ff7b23;font-style:normal;text-shadow:0 0 28px #f1792d42}.showcase-copy>p:not(.showcase-kicker){max-width:650px;color:#bdc3c7;font-size:18px;line-height:1.6}.showcase-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.showcase-points span{border:1px solid #ffffff1a;background:#ffffff09;border-radius:999px;padding:8px 12px;color:#d9dddf;font-size:12px}.login-showcase>small{position:relative;z-index:1;color:#7f888d}.login-stage{display:grid;place-items:center;padding:45px;background:linear-gradient(140deg,#fafafa,#eef0f2)}.login-card{width:min(100%,520px);background:#fff;border:1px solid #e7e9ec;border-radius:24px;padding:38px;box-shadow:0 28px 70px #17212b1c}.login-card-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-card-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f1792d;color:#fff;font-weight:900;font-size:17px}.login-card-brand div{display:grid}.login-card-brand b{font-size:17px}.login-card-brand small{color:#7d8994}.login-card h2{font-size:32px;letter-spacing:-.025em;margin-bottom:7px}.login-subtitle{color:#647180;margin:0 0 24px}.login-card .auth-grid{grid-template-columns:1fr;gap:17px;margin:18px 0 22px}.login-card label{font-size:13px}.login-card input{margin-top:7px;padding:14px 15px;border:1px solid #d7dde2;background:#f8fafb;transition:.2s}.login-card input:focus{outline:0;border-color:#f1792d;box-shadow:0 0 0 4px #f1792d18;background:#fff}.login-submit{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-radius:9px;box-shadow:0 10px 22px #f1792d30}.login-submit span{font-size:20px}.login-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #eceff1;margin-top:26px;padding-top:18px;font-size:12px;color:#7a8791}.login-foot a{color:#a9501a;text-decoration:none;font-weight:700}
@media (max-width: 900px) {body:not(.authenticated) .login{grid-template-columns:1fr}.login-showcase{min-height:340px;padding:30px}.showcase-copy h2{font-size:48px}.showcase-copy>p:not(.showcase-kicker){font-size:15px}.login-showcase>small{display:none}.login-stage{padding:25px}.login-card{padding:28px}}
@media (max-width: 700px) { .auth-grid { grid-template-columns: 1fr; }.login-showcase{min-height:270px}.showcase-mark,.showcase-points{display:none}.showcase-copy h2{font-size:40px;margin-bottom:12px}.login-card h2{font-size:27px}.login-stage{padding:16px}.login-card{border-radius:17px;padding:23px}.login-foot{flex-direction:column} }