@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');
:root{--navy:#0b2f55;--blue:#0d6efd;--sky:#eef7ff;--soft:#f6f8fb;--border:#e5e7eb}
*{font-family:'Sarabun',sans-serif} body{background:var(--soft);color:#172033}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,var(--navy),#0f4778);color:#fff;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;padding:18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand .logo{width:46px;height:46px;border-radius:16px;background:#ffffff22;display:grid;place-items:center;font-size:24px}.brand small{display:block;color:#d8e8ff}.nav-link{color:#e9f3ff;border-radius:14px;padding:11px 13px;margin:2px 0}.nav-link:hover,.nav-link.active{background:#ffffff1c;color:#fff}.nav-link i{width:24px}.nav-caption{font-size:12px;color:#b6d5f5;margin:16px 12px 6px}.main{margin-left:280px;flex:1}.topbar{height:76px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:9}.content{padding:28px}.card{border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.stat{padding:22px}.stat .icon{width:48px;height:48px;border-radius:16px;background:var(--sky);display:grid;place-items:center;font-size:24px;color:var(--blue)}.table thead th{background:#f8fafc}.btn{border-radius:12px}.form-control,.form-select{border-radius:12px}.login-bg{min-height:100vh;background:linear-gradient(135deg,#0b2f55,#0d6efd);display:grid;place-items:center}.login-card{width:430px;max-width:94%;border-radius:26px;background:white;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.2)}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app{display:block}.main{margin-left:0}.topbar{height:auto;padding:16px;display:block}.content{padding:16px}}

/* Public portal */
.public-body{background:#f5f8fc;color:#172033}.public-hero{background:linear-gradient(135deg,#0b2f55,#0d6efd);color:#fff;border-radius:0 0 34px 34px;padding:34px 0 56px}.public-navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.public-brand{display:flex;gap:12px;align-items:center}.public-logo{width:50px;height:50px;border-radius:18px;background:#ffffff22;display:grid;place-items:center;font-size:26px}.hero-card{background:#ffffff12;border:1px solid #ffffff2b;border-radius:28px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.quick-btn{padding:18px 24px;border-radius:20px;font-weight:700}.public-section{margin-top:-34px}.room-card .status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px}.dot-available{background:#198754}.dot-booked{background:#0d6efd}.dot-in_use{background:#ffc107}.dot-maintenance{background:#dc3545}.public-footer{padding:30px;text-align:center;color:#64748b}.service-card{transition:.18s}.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(15,23,42,.10)}