.sl-app,.sl-login-shell{--red:#c0141a;--dark:#1c1c1e;--soft:#f4f5f7;--line:#e4e5e8;font-family:Inter,Arial,sans-serif;color:#202124}.sl-app{max-width:1280px;margin:0 auto;background:var(--soft);min-height:80vh;border-radius:18px;overflow:hidden;box-shadow:0 18px 65px #0002}.sl-top{background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.sl-logo{font-size:20px;font-weight:800;letter-spacing:1px}.sl-logo b{color:#ef3940}.sl-logo small{display:block;font-size:10px;color:#aaa;letter-spacing:2px}.sl-user{display:flex;align-items:center;gap:16px}.sl-user a{color:#fff;text-decoration:none;background:#ffffff14;padding:8px 12px;border-radius:7px}.sl-nav{display:flex;gap:6px;background:#fff;padding:10px 22px;border-bottom:1px solid var(--line);overflow:auto}.sl-nav a{white-space:nowrap;text-decoration:none;color:#666;padding:10px 14px;border-radius:7px;font-weight:700;font-size:13px}.sl-nav a.active,.sl-nav a:hover{background:#fff0f0;color:var(--red)}.sl-main{padding:24px}.sl-welcome{background:linear-gradient(135deg,#8d0d12,var(--red),#e33b40);color:#fff;border-radius:14px;padding:25px 28px}.sl-welcome span{font-size:11px;font-weight:800;letter-spacing:2px}.sl-welcome h1{color:#fff;font-size:29px;margin:5px 0}.sl-welcome p{margin:0;color:#ffe7e7}.sl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.sl-stats article{background:#fff;border-radius:12px;padding:18px;border:1px solid var(--line)}.sl-stats b{display:block;font-size:27px}.sl-stats span{color:#777;font-size:12px}.sl-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.sl-panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.sl-panel-head h2{margin:0;font-size:18px}.sl-panel-head span{color:#888;font-size:12px}.sl-rentals article{display:grid;grid-template-columns:1.4fr 1fr .7fr auto;gap:15px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.sl-rentals small{display:block;color:#999;font-size:9px;font-weight:800;letter-spacing:1px}.sl-rentals strong,.sl-rentals span{display:block}.sl-rentals div>span{font-size:12px;color:#777}.sl-status{background:#e7f6ec;color:#18743b;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:800}.sl-empty{padding:40px;text-align:center;color:#888}.sl-login-shell{max-width:1000px;margin:25px auto;display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-radius:20px;overflow:hidden;box-shadow:0 22px 70px #0003;background:#fff}.sl-login-brand{background:linear-gradient(145deg,#171719,#343438);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:55px;font-size:32px;font-weight:900}.sl-login-brand span{color:#ef3940}.sl-login-brand small{font-size:13px;color:#aaa;letter-spacing:3px;margin-top:8px}.sl-login-card{padding:55px;display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:15px}.sl-login-card h1{font-size:28px}.sl-login-card label{display:block;font-weight:700;margin-top:13px}.sl-login-card input[type=text],.sl-login-card input[type=password]{width:100%;padding:13px;border:1px solid #ddd;border-radius:8px}.sl-login-card .button,.sl-btn{display:inline-block;background:var(--red,#c0141a)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:13px 18px!important;text-decoration:none;font-weight:800;margin-top:15px}.sl-forgot{margin-top:15px;color:#a50f15;text-decoration:none}@media(max-width:820px){.sl-login-shell{grid-template-columns:1fr;min-height:0}.sl-login-brand{padding:30px}.sl-stats{grid-template-columns:1fr 1fr}.sl-rentals article{grid-template-columns:1fr 1fr}.sl-status{justify-self:start}}@media(max-width:520px){.sl-app{border-radius:0}.sl-top{padding:14px 16px}.sl-user span{display:none}.sl-main{padding:12px}.sl-welcome{padding:20px}.sl-welcome h1{font-size:24px}.sl-stats{grid-template-columns:1fr}.sl-rentals article{grid-template-columns:1fr;padding:15px}.sl-login-shell{margin:0;border-radius:0}.sl-login-brand,.sl-login-card{padding:24px}.sl-nav{padding:8px}.sl-logo{font-size:16px}}
