:root{--primary:#e55263;--ink:#101725;--paper:#f6f7fa;--line:#e6e9ef;--muted:#788091;--ok:#2eab78;--warn:#d88b38;font-family:Manrope,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{font:700 10px 'DM Mono';letter-spacing:1.2px;color:var(--primary)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',serif}h1{font-size:36px;margin-bottom:7px}h2{font-size:25px}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475064}input,select,textarea{border:1px solid #dfe3ea;border-radius:9px;padding:11px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.primary{border:0;border-radius:9px;padding:12px 15px;background:var(--primary);color:white;font-size:12px;font-weight:800;box-shadow:0 9px 20px color-mix(in srgb,var(--primary) 24%,transparent)}.primary b{float:right;font-size:17px}.ghost{border:1px solid #dfe3ea;border-radius:9px;background:white;color:#475064;padding:10px 13px;font-size:11px;font-weight:700}.login{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh}.login-hero{padding:55px clamp(35px,7vw,115px);color:white;background:radial-gradient(circle at 72% 25%,#e5526380,transparent 27%),linear-gradient(135deg,#101725,#202a40)}.login-hero:after{content:'';position:absolute;border:1px solid #ffffff19;width:440px;height:440px;border-radius:50%;left:28%;bottom:-250px}.login-hero img{width:230px;max-height:90px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);position:relative;z-index:1}.login-hero div{margin-top:23vh;position:relative;z-index:1}.login-hero span{font:600 10px 'DM Mono';letter-spacing:2px;color:#ffb7c0}.login-hero h1{font-size:clamp(42px,5vw,70px);line-height:1;margin:16px 0}.login-hero em{color:#ff9cab}.login-hero p{max-width:430px;color:#c9d0dc;line-height:1.8}.login-card{width:min(375px,calc(100% - 45px));margin:auto;display:grid;gap:14px}.login-card p{font-size:12px;color:var(--muted);line-height:1.7}.error{color:#c33446!important;min-height:18px;margin:0}.super{min-height:100vh;padding:50px max(24px,6vw);background:linear-gradient(160deg,#f9fafc,#f1f4f9)}.super>header,.top{display:flex;justify-content:space-between;align-items:start;gap:20px;max-width:1300px;margin:auto auto 35px}.super header p{color:var(--muted)}.super-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 6px 20px #10172506}.create{display:grid;gap:11px}.tenant-list{display:grid;gap:10px}.tenant{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.tenant strong{display:block;font-size:14px}.tenant small{color:var(--muted);font-size:10px}.tenant-mark{width:10px;height:41px;border-radius:5px;margin-right:12px;float:left}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.app aside{background:var(--ink);color:#e9edf6;padding:23px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;padding:7px 8px 28px;font:700 14px 'DM Mono';letter-spacing:.5px}.brand img{height:33px;width:38px;object-fit:cover;object-position:left;border-radius:7px}.app nav{display:grid;gap:4px}.app nav button{border:0;background:transparent;color:#98a2b5;text-align:left;padding:12px;border-radius:8px;font-size:12px;font-weight:700}.app nav button.active,.app nav button:hover{color:white;background:#ffffff12}.app nav b{float:right;color:var(--primary)}.profile{margin-top:auto;display:flex;align-items:center;gap:9px;padding:12px 6px 2px}.profile i{background:var(--primary);font:800 10px Manrope;font-style:normal;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:white}.profile strong,.profile small{display:block;font-size:10px}.profile small{color:#aab2c0}.profile button{margin-left:auto;border:0;color:white;background:transparent;font-size:17px}.content{padding:34px clamp(22px,4vw,65px);overflow:hidden}.top{margin-bottom:31px}.clock{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;text-align:right;font:10px 'DM Mono'}.clock span,.clock b{display:block}.clock span{color:var(--muted);margin-bottom:4px}.clock b{font-size:13px}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:28px}.metrics article{border:1px solid var(--line);background:white;border-radius:13px;padding:17px;position:relative;overflow:hidden}.metrics article:before{content:'';position:absolute;width:4px;inset:0 auto 0 0;background:var(--primary)}.metrics span{font:700 9px 'DM Mono';letter-spacing:1px;color:var(--muted)}.metrics strong{display:block;font:700 28px 'Playfair Display';margin:8px 0}.metrics small{font-size:10px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;margin:24px 0 14px}.section-title h2{margin:3px 0 0}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px}.room{padding:16px;border-radius:12px;border:1px solid var(--line);min-height:130px;text-align:left;background:#fff;transition:.18s}.room:hover{transform:translateY(-2px);box-shadow:0 10px 20px #10172510}.room.available{background:#f2fbf6;border-color:#ccebdc}.room.occupied{background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#29111a));border:0;color:white}.room.cleaning{background:#fff5e8;border-color:#f1d6ad}.room.reserved{background:#f1efff;border-color:#d9d0fa}.room-top{display:flex;justify-content:space-between}.room-num{font:700 25px 'Playfair Display'}.room small{display:block;margin-top:3px;opacity:.75;font-size:10px}.room-status{margin-top:19px;font:700 10px 'DM Mono';letter-spacing:.4px}.stock-alert{background:#fff0f2;color:#b42335;border:1px solid #f3c5cc;border-radius:10px;padding:12px;margin-bottom:17px;font-size:11px;font-weight:700}.table{padding:0;overflow:auto}.table table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--muted);font:700 9px 'DM Mono';letter-spacing:.8px;padding:15px}.table td{padding:15px;border-top:1px solid var(--line)}.products,.cleaning-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.product,.clean-job{background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.product strong,.clean-job strong{display:block;font-size:13px}.product small,.clean-job small{display:block;color:var(--muted);font-size:10px;margin:5px 0 13px}.product .ghost,.clean-job .primary{width:100%}.filters{display:flex;align-items:end;gap:10px;padding:13px;margin-bottom:15px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.report-summary article{background:white;border:1px solid var(--line);border-radius:12px;padding:17px}.report-summary strong{font:700 25px 'Playfair Display';display:block;margin-top:6px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings .panel{display:grid;gap:12px}.settings .wide{grid-column:span 2}.settings h3{margin-bottom:2px}.settings p{font-size:11px;color:var(--muted);line-height:1.6}.setting-room{display:grid;grid-template-columns:45px 1fr 100px;gap:8px;align-items:center;margin:8px 0}.staff{display:grid;grid-template-columns:1fr 1fr 1fr 140px auto;gap:8px}.staff+div{margin-top:15px}.staff-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0;font-size:11px}.staff-row small{color:var(--muted)}dialog{width:min(470px,calc(100% - 28px));border:0;border-radius:15px;padding:0;box-shadow:0 18px 50px #10172544}dialog::backdrop{background:#10172599}dialog form,dialog>div{padding:23px;display:grid;gap:13px}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{margin:0}.close{border:0;background:#f2f4f7;border-radius:50%;width:28px;height:28px;font-size:19px}.bill{display:grid;gap:13px}.bill-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}.check{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:12px}.check input{width:17px;height:17px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1}.empty{color:var(--muted);font-size:12px;padding:25px}.status{font:700 10px 'DM Mono';color:var(--primary)}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,80px);background:#172035;color:white;padding:11px 15px;border-radius:9px;font-size:11px;transition:.2s;z-index:5}#toast.show{transform:translate(-50%,0)}@media(max-width:850px){.login{grid-template-columns:1fr}.login-hero{min-height:32vh;padding:30px}.login-hero div{margin-top:40px}.login-hero h1{font-size:38px}.app{grid-template-columns:1fr}.app aside{position:sticky;top:0;z-index:3;padding:10px;display:block}.brand{padding:3px}.app nav{display:flex;overflow:auto;margin-top:8px}.app nav button{white-space:nowrap}.profile{display:none}.content{padding:22px 14px}.super-grid,.settings{grid-template-columns:1fr}.settings .wide{grid-column:auto}.metrics,.report-summary{grid-template-columns:1fr}.staff{grid-template-columns:1fr}.top{margin-bottom:20px}.clock{display:none}}