:root{--teal:#1d9e75;--teal-dark:#0f6e56;--teal-light:#e1f5ee;--teal-50:#f0faf6;--teal-text:#0f6e56;--amber:#ef9f27;--amber-light:#faeeda;--amber-text:#854f0b;--red:#e24b4a;--red-light:#fcebeb;--red-text:#a32d2d;--blue:#378add;--blue-light:#e6f1fb;--blue-text:#185fa5;--bg:#f5f5f0;--surface:#fff;--gray-50:#f8f9fa;--gray-100:#f5f5f0;--gray-200:#e8e8e2;--gray-300:#ddd;--gray-400:#5a5955;--gray-700:#444441;--gray-800:#333;--text:#111110;--text-muted:#3d3d3a;--text-faint:#999;--border:#0000001a;--white:#fff;--shadow:#00000026;--green-50:#f0fdf4;--green-100:#d1fae5;--green-200:#bbf7d0;--green-300:#6ee7b7;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#065f46;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-700:#d97706;--amber-800:#92400e;--orange-50:#fff7ed;--orange-200:#fed7aa;--orange-700:#c2410c;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--blue-200:#b3d4f1;--indigo-100:#e0e7ff;--indigo-300:#a5b4fc;--indigo-800:#3730a3;--purple-50:#ede9fe;--purple-100:#f3e8ff;--purple-600:#6b46c1;--purple-800:#5b21b6;--radius:8px;--radius-lg:12px;color-scheme:light}[data-theme=dark]{--teal:#2bb88a;--teal-dark:#1e8f6b;--teal-light:#17362b;--teal-50:#142b23;--teal-text:#6fd9b3;--amber:#ef9f27;--amber-light:#3a2e15;--amber-text:#efc073;--red:#e85f5e;--red-light:#3e2222;--red-text:#f0a0a0;--blue:#5ca6e8;--blue-light:#1b2c3e;--blue-text:#8fc0ee;--bg:#141412;--surface:#1f1f1d;--gray-50:#262624;--gray-100:#2a2a27;--gray-200:#343431;--gray-300:#3f3f3b;--gray-400:#a6a59c;--gray-700:#c9c8c0;--gray-800:#d7d6ce;--text:#edece6;--text-muted:#b7b6ad;--text-faint:#82817a;--border:#ffffff24;--shadow:#00000080;--green-50:#152a1e;--green-100:#1a3a28;--green-200:#1f4a32;--green-300:#35624a;--green-600:#4ccb84;--green-700:#61d394;--green-800:#7adba6;--green-900:#93e3b8;--amber-50:#2b2311;--amber-100:#3a2f12;--amber-200:#4c3e17;--amber-700:#f0ac52;--amber-800:#f2c171;--orange-50:#2e1f12;--orange-200:#5a3a1e;--orange-700:#f0985f;--red-50:#301b1b;--red-100:#402020;--red-200:#582b2b;--red-600:#f17474;--red-700:#f28e8e;--red-800:#f4a6a6;--blue-200:#2b4258;--indigo-100:#272c4c;--indigo-300:#5a64a5;--indigo-800:#acb5f2;--purple-50:#2c2345;--purple-100:#342153;--purple-600:#b995f5;--purple-800:#cbaaf9;color-scheme:dark}body{background:#fff;background:var(--surface);color:#111110;color:var(--text)}.page-layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--surface);border-right:.5px solid #0000001a;border-right:.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;padding:0;width:200px}.sidebar-logo{border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);color:#111110;color:var(--text);font-size:16px;font-weight:500;padding:1.25rem}.sidebar-logo span{color:#1d9e75;color:var(--teal)}.sidebar-role{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;margin-top:4px;padding:2px 8px}.nav-links{flex:1 1;padding:.5rem 0}.nav-item{align-items:center;border-right:2px solid #0000;color:#3d3d3a;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:9px 1.25rem;text-decoration:none;transition:background .15s}.nav-item:hover{background:#f5f5f0;background:var(--gray-100);color:#111110;color:var(--text)}.nav-item.active{background:#e1f5ee;background:var(--teal-light);border-right-color:#1d9e75;border-right-color:var(--teal);color:#1d9e75;color:var(--teal);font-weight:500}.sidebar-footer{border-top:.5px solid #0000001a;border-top:.5px solid var(--border);gap:10px;padding:1rem 1.25rem}.sidebar-footer,.topbar{align-items:center;display:flex}.topbar{background:#fff;background:var(--surface);border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);gap:12px;justify-content:flex-end;padding:8px 1.5rem}.avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:32px;justify-content:center;width:32px}.main-content{background:#f5f5f0;background:var(--bg);flex:1 1;overflow-y:auto;padding:1.5rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:#111110;color:var(--text);font-size:18px;font-weight:500}.card{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem 1.25rem}.card-title{color:#111110;color:var(--text);font-size:13px;font-weight:500;margin-bottom:12px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.metric-card{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:1rem 1.25rem}.metric-label{color:#3d3d3a;color:var(--text-muted);font-size:12px;margin-bottom:4px}.metric-value{color:#111110;color:var(--text);font-size:22px;font-weight:500}.metric-sub{color:#5a5955;color:var(--gray-400);font-size:11px;margin-top:2px}.grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.data-row{align-items:center;border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:9px 0}.data-row:last-child{border-bottom:none}.badge{border-radius:20px;font-size:11px;font-weight:500;padding:2px 10px}.badge-teal{background:#e1f5ee;background:var(--teal-light);color:#0f6e56;color:var(--teal-text)}.badge-amber{background:#faeeda;background:var(--amber-light);color:#854f0b;color:var(--amber-text)}.badge-red{background:#fcebeb;background:var(--red-light);color:#a32d2d;color:var(--red-text)}.badge-blue{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue-text)}.btn{background:#0000;border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#3d3d3a;color:var(--text-muted);cursor:pointer;font-size:13px;padding:7px 16px}.btn:hover{background:#f5f5f0;background:var(--gray-100)}.btn-primary{background:#1d9e75;background:var(--teal);border-color:#1d9e75;border-color:var(--teal);color:#fff}.btn-primary:hover{background:#0f6e56;background:var(--teal-dark)}.room-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.room-cell{border-radius:8px;border-radius:var(--radius);font-size:11px;font-weight:500;padding:8px 4px;text-align:center}.room-cell .room-num{display:block;font-size:13px;font-weight:500;margin-bottom:2px}.room-occupied{background:#e1f5ee;background:var(--teal-light);color:#0f6e56;color:var(--teal-text)}.room-partial{background:#e6f1fb;background:var(--blue-light);color:#185fa5;color:var(--blue-text)}.room-vacant{background:#f5f5f0;background:var(--gray-100);color:#5a5955;color:var(--gray-400)}.room-maintenance{background:#faeeda;background:var(--amber-light);color:#854f0b;color:var(--amber-text)}.login-page{align-items:center;background:#f5f5f0;background:var(--bg);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:2rem;width:360px}.login-logo{font-size:20px;font-weight:500;margin-bottom:4px;text-align:center}.login-logo span{color:#1d9e75;color:var(--teal)}.login-sub{color:#3d3d3a;color:var(--text-muted);font-size:13px;margin-bottom:1.5rem;text-align:center}.form-field{margin-bottom:1rem}.form-field label{color:#3d3d3a;color:var(--text-muted);display:block;font-size:12px;margin-bottom:5px}.form-field input,.form-field select{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#111110;color:var(--text);font-size:13px;outline:none;padding:9px 12px;width:100%}.form-field input:focus,.form-field select:focus{border-color:#1d9e75;border-color:var(--teal)}.form-field input[type=checkbox],.form-field input[type=radio]{border:0;flex-shrink:0;margin:0;padding:0;width:auto}.login-btn{background:#1d9e75;background:var(--teal);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:4px;padding:10px;width:100%}.login-btn:hover{background:#0f6e56;background:var(--teal-dark)}.login-error{color:#a32d2d;color:var(--red-text);font-size:12px;margin-top:8px;text-align:center}.loading{color:#3d3d3a;color:var(--text-muted);font-size:14px;justify-content:center;padding:3rem}.filter-bar,.loading{align-items:center;display:flex}.filter-bar{border:1px solid #0000001a;border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:8px;margin:8px auto 0;max-width:1000px;padding:10px 16px}.filter-bar,.filter-pill{background:#fff;background:var(--surface)}.filter-pill{border:1px solid #ddd;border:1px solid var(--gray-300);border-radius:20px;color:#444441;color:var(--gray-700);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;white-space:nowrap}.filter-pill:hover{border-color:#5a5955;border-color:var(--gray-400)}.filter-pill-active{background:#e1f5ee;background:var(--teal-light);color:#0f6e56;color:var(--teal-text)}.filter-pill-active,.filter-pill-solid{border-color:#1d9e75;border-color:var(--teal)}.filter-pill-solid{background:#1d9e75;background:var(--teal);color:#fff}.filter-pop{background:#fff;background:var(--surface);border:1px solid #0000001a;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #00000026;box-shadow:0 8px 30px var(--shadow);display:flex;flex-wrap:wrap;gap:6px;left:0;max-width:88vw;padding:12px;position:absolute;top:calc(100% + 6px);z-index:200}.filter-opt{background:#0000;border:1px solid #ddd;border:1px solid var(--gray-300);border-radius:16px;color:#5a5955;color:var(--gray-400);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;white-space:nowrap}.filter-opt:hover{border-color:#5a5955;border-color:var(--gray-400);color:#111110;color:var(--text)}.filter-opt-active{background:#1d9e75;background:var(--teal);border-color:#1d9e75;border-color:var(--teal);color:#fff}.res-table{border-collapse:collapse;font-size:13px;width:100%}.res-table th{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border);color:#3d3d3a;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.4px;padding:8px 10px;text-align:left;text-transform:uppercase}.res-table td{border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);padding:10px;vertical-align:middle}.res-table tbody tr:last-child td{border-bottom:none}.res-row{cursor:pointer}.res-expand td,.res-row:hover td{background:#f8f9fa;background:var(--gray-50)}.res-expand td{padding:12px 14px}.res-details{grid-gap:10px 24px;display:grid;font-size:13px;gap:10px 24px;grid-template-columns:repeat(3,1fr)}.res-details>div>span{color:#3d3d3a;color:var(--text-muted);display:block;font-size:11px;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.inv-bar-wrap{background:#e8e8e2;background:var(--gray-200);flex:1 1;margin:0 12px}.inv-bar,.inv-bar-wrap{border-radius:4px;height:6px}.invoice-row{align-items:center;display:flex;gap:8px}.invoice-main{flex:1 1;min-width:0}.invoice-meta{color:#3d3d3a;color:var(--text-muted);font-size:11px}.invoice-controls{align-items:center;display:flex;gap:8px}@media (max-width:768px){.page-layout{flex-direction:column}.invoice-row{align-items:flex-start;flex-wrap:wrap}.invoice-main{flex:1 1 100%}.invoice-meta{line-height:1.5}.invoice-controls{flex:1 1 100%;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:6px}.invoice-amount{margin-right:auto;min-width:0!important;text-align:left!important}.sidebar{border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);border-right:none;width:100%}.sidebar-logo{padding:.75rem 1rem}.nav-links{display:flex;overflow-x:auto;padding:0}.nav-item{border-bottom:2px solid #0000;border-right:none;padding:8px 12px;white-space:nowrap}.nav-item.active{border-bottom-color:#1d9e75;border-bottom-color:var(--teal);border-right-color:#0000}.sidebar-footer{display:none}.topbar{gap:8px!important;padding:6px .75rem}.topbar-role{display:none}.topbar-hostel{font-size:12px!important;letter-spacing:.5px!important;max-width:45%!important}.topbar-brand{display:none!important}.topbar .btn{font-size:11px!important;padding:4px 10px!important;white-space:nowrap}.hide-mobile{display:none!important}.hero-nav{padding:0 10px!important}.hero-logo-img{height:26px!important;width:26px!important}.hero-logo-text{font-size:16px!important}.hero-nav-right{gap:5px!important}.hero-nav-right button{font-size:11px!important;padding:6px 9px!important;white-space:nowrap}.card-badge{font-size:10px!important;padding:3px 7px!important}.card-badge-gender{left:8px!important;top:8px!important}.card-badge-avail{right:8px!important;top:8px!important}.card-footer{align-items:stretch!important;flex-direction:column}.card-view-btn{font-size:12px!important;padding:9px!important;width:100%}.room-grid-rooms{grid-template-columns:repeat(2,1fr)!important}.room-book-grid{grid-template-columns:1fr!important}.room-cell{min-width:0;overflow-wrap:anywhere}.res-table thead{display:none}.res-table,.res-table tbody,.res-table td,.res-table tr{box-sizing:border-box;display:block;width:100%}.res-table td{border-bottom:none;padding:3px 4px}.res-row{border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);padding:8px 0}.res-table td[data-label]:not([data-label=""]):before{color:#3d3d3a;color:var(--text-muted);content:attr(data-label);display:inline-block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;width:88px}.res-details{grid-template-columns:1fr 1fr}.hero-search{flex-direction:column!important;gap:4px!important}.hero-search-area{border-left:none!important;border-top:1px solid #e8e8e2;border-top:1px solid var(--gray-200);min-width:0!important}.main-content{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:8px}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.owner-band-title{font-size:23px!important}.grid-2{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(3,1fr)!important}.data-row{flex-wrap:wrap;gap:6px}.login-card{width:90vw}}