:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9eef8;background:#080d18;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--page: #080d18;--sidebar: #070b14;--surface: #111827;--surface-raised: #172033;--surface-hover: #1b2942;--border: #29364d;--border-strong: #3b4a65;--text: #e9eef8;--muted: #94a3b8;--blue: #168bff;--blue-hover: #0473dd;--cyan: #13c8ed;--lime: #9bea16;--danger: #fb7185}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.auth-page{width:100%;max-width:100vw;min-height:100vh;display:grid;grid-template-columns:minmax(340px,500px) 1fr;background:var(--page)}.auth-panel{width:100%;max-width:100vw;min-width:0;padding:52px;display:flex;flex-direction:column;justify-content:center;background:#0d1422;border-right:1px solid var(--border)}.auth-panel>*{min-width:0;max-width:100%}.brand{display:flex;align-items:center;gap:12px;margin-bottom:44px;color:#fff;font-weight:760;font-size:24px}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}h1,h2,p{margin-top:0}h1{margin-bottom:10px;color:#fff;font-size:28px}.muted{color:var(--muted);overflow-wrap:anywhere}.form{width:100%;min-width:0;display:grid;gap:16px;margin-top:26px}.field{width:100%;min-width:0;display:grid;gap:7px;color:#ced8e8;font-size:14px;font-weight:650}.field input{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid var(--border-strong);border-radius:6px;background:#0a101c;color:var(--text)}.field input:hover{border-color:#52617d}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #168bff29;outline:none}.primary,.secondary,.ghost{min-height:42px;padding:0 16px;border-radius:6px;border:1px solid transparent;font-weight:680;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{color:#fff;background:var(--blue);border-color:#2999ff}.primary:hover{background:var(--blue-hover)}.secondary{color:#dfffb1;background:#9bea161a;border-color:#9bea1659}.ghost{color:#d5deec;background:var(--surface-raised);border-color:var(--border-strong)}.ghost:hover{background:var(--surface-hover);border-color:#54637f}.error{padding:11px 13px;color:#fecdd3;background:#9f123940;border:1px solid rgba(251,113,133,.45);border-radius:6px;font-size:14px}.auth-art{position:relative;overflow:hidden;display:grid;align-items:center;padding:clamp(42px,5vw,84px);color:#fff;background:#091322}.auth-art:before{content:"";position:absolute;width:min(48vw,690px);aspect-ratio:1;top:-14%;right:-8%;background:url(/rentix-logo.png) center / contain no-repeat;opacity:.24;pointer-events:none}.auth-art:after{content:"";position:absolute;width:1px;top:8%;bottom:8%;left:0;background:#26364f;pointer-events:none}.auth-art-copy{position:relative;z-index:1;width:min(100%,1080px);margin:0 auto}.auth-art h2{max-width:780px;margin-bottom:16px;font-size:clamp(34px,3.2vw,54px);line-height:1.08}.auth-kicker{display:inline-flex;margin-bottom:17px;color:var(--lime);font-size:13px;font-weight:760;text-transform:uppercase}.auth-art .auth-lead{max-width:720px;margin-bottom:34px;color:#bac8dc;font-size:17px;line-height:1.6}.auth-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;max-width:1040px;border-top:1px solid #2a3a53}.auth-features-client{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.auth-feature{min-height:126px;padding:22px 0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;border-bottom:1px solid #2a3a53}.auth-feature svg{margin-top:2px;color:var(--cyan)}.auth-feature strong{display:block;margin-bottom:7px;color:#f7f9fd;font-size:15px}.auth-feature span{display:block;color:#91a3bd;font-size:13px;line-height:1.48}.auth-proof{margin-top:27px;display:flex;flex-wrap:wrap;gap:12px 26px;color:#aab9ce;font-size:13px;font-weight:650}.auth-proof span{display:inline-flex;align-items:center;gap:7px}.auth-proof svg{color:var(--lime)}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);background:var(--page)}.sidebar{color:var(--text);background:var(--sidebar);padding:22px 14px;display:flex;flex-direction:column;border-right:1px solid #202b3e}.sidebar .brand{margin:0 10px 32px}.sidebar .brand-mark{width:38px;height:38px;flex-basis:38px}.nav{display:grid;gap:5px}.nav-item{width:100%;height:43px;border:1px solid transparent;border-radius:6px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#98a8bf;background:transparent;text-align:left}.nav-item svg{color:#6f85a5}.nav-item:hover{color:#e9f1ff;background:#111c2d;border-color:#24334a}.nav-item.active{color:#fff;background:#122a49;border-color:#1a65aa;box-shadow:inset 3px 0 0 var(--cyan)}.nav-item.active svg{color:var(--cyan)}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid #1f2a3b}.main{min-width:0}.topbar{min-height:76px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0e1625;border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:21px}.content{padding:26px 28px 40px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:22px}.metric{min-height:102px;padding:17px 18px;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:inset 0 2px #168bff2e}.metric:nth-child(2){box-shadow:inset 0 2px #fb71856b}.metric:nth-child(3){box-shadow:inset 0 2px #13c8ed6b}.metric:nth-child(4){box-shadow:inset 0 2px #9bea166b}.metric-label{color:var(--muted);font-size:13px}.metric-value{margin-top:9px;color:#fff;font-size:25px;font-weight:760}.panel{overflow:hidden;margin-bottom:18px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.panel-header{min-height:54px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#141e2f;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;color:#f7f9fd;font-size:16px}.details-grid{margin:0;padding:20px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px 28px}.details-grid div{min-width:0;padding:13px 14px;background:#0d1523;border:1px solid #263349;border-radius:6px}.details-grid dt{margin-bottom:6px;color:#8293ac;font-size:12px;font-weight:700;text-transform:uppercase}.details-grid dd{margin:0;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #263247;white-space:nowrap}th{color:#9aabc2;background:#0c1320;font-size:12px;text-transform:uppercase}tbody tr{background:#111827}tbody tr:nth-child(2n){background:#0e1624}tbody tr:hover{background:#17243a}.status{min-height:25px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;color:#dfffaa;background:#9bea161a;border:1px solid rgba(155,234,22,.28);border-radius:999px;font-size:12px;font-weight:700}.company-grid{display:grid;gap:10px;margin-top:24px}.company-option{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;text-align:left}.company-option:hover{background:var(--surface-hover);border-color:var(--blue)}.empty{padding:34px 18px;color:#7f8fa7;text-align:center}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0a101b}::-webkit-scrollbar-thumb{background:#34445e;border:3px solid #0a101b;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#49607f}@media(max-width:1180px){.auth-page{grid-template-columns:minmax(330px,430px) 1fr}.auth-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-art{display:none}.app-shell{grid-template-columns:1fr}.sidebar{padding:10px 12px;flex-direction:row;align-items:center;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{margin:0 18px 0 0;font-size:18px}.nav{display:flex}.nav-item{width:auto;flex:0 0 auto}.sidebar-footer{margin:0 0 0 auto;padding:0 0 0 12px;border:0}.metrics{grid-template-columns:repeat(2,minmax(140px,1fr))}.details-grid{grid-template-columns:1fr}}@media(max-width:560px){.auth-panel{padding:30px 22px}h1{font-size:26px}.brand{margin-bottom:34px}.content,.topbar{padding-left:16px;padding-right:16px}.topbar{align-items:flex-start}.metrics{grid-template-columns:1fr}}
