:root{--bg:#0b0b0c;--panel:#141416;--panel2:#1b1b1e;--line:#2a2a2e;--text:#e9e9ec;--muted:#8c8c96;--gold:#c9a45c;--gold2:#e2c07d}
html,body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold2)}
.text-gold{color:var(--gold)!important}.text-muted{color:var(--muted)!important}
.btn-gold{background:var(--gold);color:#111;border:0;font-weight:600}.btn-gold:hover{background:var(--gold2);color:#000}
.btn-outline-gold{border:1px solid var(--gold);color:var(--gold)}.btn-outline-gold:hover{background:var(--gold);color:#000}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;background:#000;border-right:1px solid var(--line);overflow-y:auto;z-index:1030;transition:transform .2s}
.sidebar .brand{padding:18px 20px;border-bottom:1px solid var(--line)}
.brand-title{font-family:Georgia,'Times New Roman',serif;color:var(--gold);letter-spacing:2px;margin:0}
.sidebar .grp{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:14px 20px 4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.sidebar .grp i{margin-right:8px;color:var(--gold)}
.sidebar a.nav-i{display:block;padding:7px 20px 7px 44px;color:#bdbdc6}
.sidebar a.nav-i:hover,.sidebar a.nav-i.active{background:var(--panel2);color:var(--gold);border-left:3px solid var(--gold);padding-left:41px}
.main{margin-left:250px;min-height:100vh}
.topbar{background:#000;border-bottom:1px solid var(--line);padding:10px 22px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1020}
.content{padding:22px}
.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text)}
.card-header{background:var(--panel2);border-bottom:1px solid var(--line);color:var(--gold);font-weight:600}
.stat{padding:16px 18px}.stat .v{font-size:24px;font-weight:700;color:#fff}.stat .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.stat i{font-size:26px;color:var(--gold);float:right;opacity:.8}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line);--bs-table-hover-bg:#1d1d21;--bs-table-hover-color:#fff;--bs-table-striped-bg:#111113}
.table thead th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gold)}
.form-control,.form-select{background:#0f0f11;border:1px solid var(--line);color:var(--text)}
.form-control:focus,.form-select:focus{background:#0f0f11;color:#fff;border-color:var(--gold);box-shadow:0 0 0 .15rem rgba(201,164,92,.2)}
.form-control::placeholder{color:#5d5d66}.form-label{color:var(--muted);font-size:12px;margin-bottom:3px}
.form-select option{background:#111}
.modal-content{background:var(--panel);border:1px solid var(--line)}
.btn-close{filter:invert(1)}
.page-title{font-family:Georgia,serif;color:#fff;margin:0}
.room-tile{border-radius:8px;padding:10px;text-align:center;border:1px solid var(--line);background:var(--panel2);cursor:pointer;display:block;color:var(--text)}
.room-tile .no{font-size:18px;font-weight:700}.room-tile small{color:var(--muted)}
.room-available{border-top:3px solid #28a745}.room-occupied{border-top:3px solid #17a2b8}.room-dirty{border-top:3px solid #ffc107}.room-maintenance{border-top:3px solid #dc3545}.room-reserved{border-top:3px solid #6f42c1}
.auth-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 30% 20%,#1a1608 0,#000 60%)}
.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.pagination .page-link{background:var(--panel2);border-color:var(--line);color:var(--text)}.pagination .active .page-link{background:var(--gold);border-color:var(--gold);color:#000}
.pos-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.pos-item{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;cursor:pointer;text-align:center;user-select:none}
.pos-item:hover{border-color:var(--gold)}.pos-item .p{color:var(--gold);font-weight:600}
.pos-cart{position:sticky;top:70px}
.nav-pills .nav-link{color:var(--muted)}.nav-pills .nav-link.active{background:var(--gold);color:#000}
.badge{font-weight:500}
.dropdown-menu{background:var(--panel2);border:1px solid var(--line)}.dropdown-item{color:var(--text)}.dropdown-item:hover{background:#222;color:var(--gold)}
hr{border-color:var(--line)}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.main{margin-left:0}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0}body,.card,.panel{background:#fff!important;color:#000!important}.table{--bs-table-color:#000;--bs-table-border-color:#999}.table thead th{color:#000}.text-gold{color:#000!important}.content{padding:0}}