@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,'Hind Siliguri',sans-serif;color:#253b34;background:#f5f6f2;font-synthesis:none;--green:#173f35;--muted:#7d8982;--line:#e4e8df;--accent:#bde49b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0}.layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--green);color:white;padding:31px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 42px}.mark{border:1px solid #bfe59e70;border-radius:12px;padding:9px;color:var(--accent);font-size:23px;font-weight:700}.brand strong{display:block;font-size:14px;line-height:1.5}.brand small{color:#a8bcb1;font-size:10px;letter-spacing:1.5px}.navlabel{color:#99afa3;font-size:10px;letter-spacing:1.7px;padding:0 14px;margin-bottom:14px}.navbutton{width:100%;text-align:left;display:flex;align-items:center;gap:13px;padding:14px;border-radius:9px;background:transparent;color:#c6d5cd;margin-bottom:5px;font-size:13px}.navbutton.active{background:#c1e5a4;color:#193d2d;font-weight:800}.navbutton svg{width:18px;height:18px}.sidebar .bottom{margin-top:auto;border-top:1px solid #ffffff22;padding:22px 10px 0;font-size:12px;color:#b9cdc0;line-height:1.8}.profile{display:flex;align-items:center;gap:10px}.avatar{background:#e4edda;color:#34563e;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:12px;font-weight:800}.profile small{display:block;color:var(--muted);font-size:11px}.workspace{min-width:0}.topbar{height:88px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);gap:15px}.crumb{font-size:12px;color:#7d8982}.crumb b{color:#2e4539;margin-left:8px}.topright{display:flex;align-items:center;gap:22px}.date{font-size:12px;color:#6c7c71}.content{max-width:1500px;padding:32px 42px 50px;margin:auto}.demo{padding:11px 15px;border:1px solid #e4d5aa;background:#fff9e8;color:#7d6326;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e8e79;text-transform:uppercase;margin-bottom:8px}.heading h1{font-size:29px;letter-spacing:-1px;margin:0 0 7px;font-weight:800}.heading p{color:#78877b;font-size:13px;margin:0}.primary,.secondary,.danger{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 17px;border-radius:7px;font-size:12px;font-weight:700}.primary{background:var(--green);color:white}.secondary{background:white;border:1px solid var(--line);color:#3c5143}.danger{background:#fff0ed;color:#a34032}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:20px}.stat.featured{background:var(--green);color:white;border-color:var(--green)}.statlabel{display:flex;justify-content:space-between;font-size:12px;color:#7d8980;align-items:center}.featured .statlabel{color:#c6d6ca}.staticon{border-radius:7px;background:#f1f5ed;padding:7px;display:flex}.staticon svg{width:16px;height:16px}.featured .staticon{background:#ffffff14;color:#c1e5a4}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin:16px 0 8px}.stat small{font-size:11px;color:#8a9688}.featured small{color:#b6d1b5}.twocol{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:23px}.panelhead{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf0e9}.panelhead h2{font-size:15px;margin:0}.panelhead p{font-size:11px;margin:4px 0 0;color:#84917f}.textbutton{background:none;font-size:11px;color:#486c43;font-weight:700;padding:6px}.toolbar{display:flex;gap:8px;padding:17px 23px;flex-wrap:wrap;align-items:center}.chip{padding:7px 11px;background:#f3f5ef;border:1px solid transparent;border-radius:5px;font-size:11px;color:#7a8777}.chip.selected{background:#eaf2e1;border-color:#d6e3c9;color:#426437}.toolbar input{margin-left:auto;border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:11px;width:160px}.roomgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(91px,1fr));gap:10px;padding:0 23px 22px}.room{border:1px solid #dce8d2;background:#f4f8ed;border-radius:7px;text-align:left;padding:12px;color:#46643d;min-height:87px;position:relative}.room:hover{transform:translateY(-2px);box-shadow:0 4px 12px #173f3512}.room strong{display:block;font-size:16px;font-weight:800}.room small{display:block;font-size:9px;margin-top:4px;color:#76886b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room .dot{width:5px;height:5px;border-radius:50%;background:#86ac61;position:absolute;right:12px;top:17px}.room.OCCUPIED{background:#fdf4e3;border-color:#efdfbd;color:#9f7928}.room.OCCUPIED .dot{background:#c59937}.room.CLEANING{background:#ecf2fc;border-color:#d5e0f1;color:#5174a0}.room.CLEANING .dot{background:#799ed0}.room.MAINTENANCE{background:#f8eae7;border-color:#efd5cd;color:#aa6757}.room.MAINTENANCE .dot{background:#c28370}.legend{display:flex;gap:17px;font-size:10px;color:#84917f;padding:0 23px 20px;flex-wrap:wrap}.legend span:before{content:'';display:inline-block;width:7px;height:7px;background:var(--c);border-radius:50%;margin-right:6px}.setup{padding:21px;line-height:1.8}.setup .big{display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.setup .big b{font-size:15px}.progress{height:6px;background:#edf1e7;border-radius:5px;overflow:hidden;margin:14px 0}.progress i{display:block;height:100%;background:#9ebf79}.subtle{font-size:11px;color:#89947f;line-height:1.9}.setup button{width:100%;margin-top:14px}.quick{display:grid;gap:10px;padding:17px}.quick button{display:flex;text-align:left;align-items:center;gap:12px;padding:14px;background:#f7f8f4;border-radius:7px;color:#45603d}.quick svg{width:18px;height:18px}.quick strong{display:block;font-size:12px}.quick small{font-size:10px;color:#8b9783}.empty{text-align:center;padding:33px 20px;color:#85907f;font-size:12px;line-height:2}.empty svg{width:30px;height:30px;display:block;margin:0 auto 10px;color:#a4b59c}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:500;color:#8d9787;font-size:10px;letter-spacing:.5px;background:#fafbf8}td,th{padding:15px 22px;border-bottom:1px solid #edf0e9;white-space:nowrap}td b{font-size:12px}.badge{padding:4px 7px;background:#eef4e7;color:#64804e;border-radius:5px;font-size:10px}.foot{font-size:10px;color:#99a18f;display:flex;justify-content:space-between;gap:15px;margin-top:8px}.welcome{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.welcome .story{background:var(--green);color:white;padding:65px;display:flex;flex-direction:column;justify-content:center}.story .brand{margin:0 0 80px}.story h1{font-size:48px;line-height:1.4;letter-spacing:-2px;margin:0 0 20px}.story p{color:#b9cebb;line-height:2;max-width:420px;font-size:15px}.story .mini{margin-top:70px;color:#bedcae;font-size:12px;letter-spacing:2px}.welcome .choose{padding:50px;display:flex;justify-content:center;flex-direction:column;max-width:560px;margin:auto;width:100%}.choose h2{font-size:27px;margin:12px 0}.rolecard{width:100%;display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);background:white;border-radius:10px;margin:7px 0;text-align:left;color:#264c38}.rolecard:hover{border-color:#8bab72;background:#f1f7e9}.rolecard strong{display:block;font-size:14px}.rolecard small{color:#8b9783;font-size:11px}.rolecard .arrow{margin-left:auto}.choose .demo{margin-top:25px}dialog{border:0;border-radius:15px;padding:0;max-width:540px;width:calc(100% - 30px);box-shadow:0 30px 100px #102f3133;color:#253b34}dialog::backdrop{background:#102b2577;backdrop-filter:blur(3px)}.modalhead{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modalhead h2{font-size:19px;margin:0}.close{background:#f1f4ed;border-radius:50%;width:30px;height:30px;font-size:18px}.modalbody{padding:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;color:#69805f;margin-bottom:6px}.field input,.field select{width:100%;padding:11px;border:1px solid #dae2d3;border-radius:7px;background:white;color:#27452f}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.note{padding:12px;background:#f3f6ed;font-size:12px;line-height:1.8;border-radius:6px;margin-top:15px}.error{color:#ac4537;font-size:12px;margin:12px 0 0}.task{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f35;color:white;padding:13px 22px;border-radius:8px;font-size:13px;box-shadow:0 5px 30px #102f3133;display:none;z-index:10}.mobilebrand{display:none}svg{width:18px;height:18px;flex-shrink:0}a{color:inherit}@media(min-width:1550px){.roomgrid{grid-template-columns:repeat(10,1fr)}}@media(max-width:1100px){.twocol{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.layout{grid-template-columns:205px 1fr}.topbar{padding:0 25px}.content{padding:25px}.date{display:none}.stats{gap:10px}.stat{padding:16px}.welcome .story{padding:35px}.story h1{font-size:38px}}@media(max-width:720px){.layout{display:block}.sidebar{height:auto;position:static;padding:15px}.sidebar .brand,.navlabel,.sidebar .bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto}.navbutton{white-space:nowrap;width:auto;margin:0;padding:10px;font-size:11px}.topbar{height:70px;padding:0 17px}.crumb{font-size:10px}.profile small{font-size:9px}.content{padding:20px 15px}.heading h1{font-size:23px}.heading p{font-size:11px}.heading .primary{padding:10px;font-size:11px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:27px}.twocol{gap:0}.aside{display:block}.panelhead{padding:17px}.roomgrid{padding:0 17px 17px;grid-template-columns:repeat(4,1fr);gap:7px}.room{padding:9px;min-height:77px}.room strong{font-size:14px}.room small{font-size:8px}.toolbar{padding:15px 17px}.toolbar input{width:100%;margin:5px 0 0}.chip{font-size:10px;padding:6px 8px}.legend{gap:10px;padding:0 17px 17px}.welcome{display:block}.welcome .story{padding:28px}.story .brand{margin:0 0 22px}.story h1{font-size:30px;letter-spacing:-1px}.story p{font-size:12px;margin:0}.story .mini{display:none}.welcome .choose{padding:25px}.choose h2{font-size:23px}.fields{gap:12px}.foot{font-size:9px}.demo{font-size:11px}.topright{gap:8px}}@media print{.sidebar,.topbar,.demo,.heading,.stats,.aside,.actions,.foot{display:none!important}.layout{display:block}.content{padding:0}.panel{border:0}dialog{position:static;max-width:100%;width:100%;box-shadow:none}.no-print{display:none!important}}

@media print{body.print-receipt .layout{display:none!important}body.print-receipt dialog{display:block;position:static;margin:0;border:0;box-shadow:none;width:100%;max-width:none}body.print-receipt .modalhead{display:none!important}body.print-receipt .modalbody{padding:0}}

.language-switch{position:fixed;bottom:18px;right:18px;z-index:50;display:flex;align-items:center;gap:4px;padding:6px;background:white;border:1px solid #cfdcc5;border-radius:12px;box-shadow:0 4px 20px #173f3520;font:12px system-ui;color:#173f35}.language-switch button{background:white;border:0;border-radius:7px;padding:9px;cursor:pointer;color:#173f35}.language-switch button[aria-pressed="true"]{background:#173f35;color:white}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.archive-button{margin-top:15px}body{padding-bottom:68px}.room.ARCHIVED{background:#eff0ec;border-color:#d3d5ce;color:#767c70}.room.ARCHIVED .dot{background:#969b90}@media print{.language-switch{display:none!important}}

.panel,.stat,.room{animation:desk-enter .4s ease both}.stat:nth-child(2){animation-delay:.06s}.stat:nth-child(3){animation-delay:.12s}.stat:nth-child(4){animation-delay:.18s}.primary,.secondary,.navbutton,.chip{transition:transform .2s,background .2s,box-shadow .2s}.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #173f3519}.panel{border-color:#dce5d2}.sidebar{background:linear-gradient(165deg,#173f35,#254b3b)}.room.MAINTENANCE{background:#f6e7da;color:#9a5838}.room.CLEANING{background:#e6eef7;color:#456f9b}.room.ARCHIVED{background:#eeeae5;color:#827564}@keyframes desk-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.room.OCCUPIED{background:#fff0d5;border-color:#e5cb91;color:#8b6226}.room.OCCUPIED .dot{background:#c39845}