@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--bg: #f4f3ef;--surface: #fff;--surface2: #f0efe9;--border: #e0ddd4;--text: #1a1916;--text2: #6b6860;--text3: #a09d96;--accent: #1D9E75;--accent-light: #E1F5EE;--accent2: #c84b2f;--accent2-light: #fdf0ed;--accent3: #534AB7;--accent3-light: #EEEDFE;--warn-light: #fef3c7;--mono: "DM Mono", monospace;--sans: "DM Sans", sans-serif;--radius: 10px;--radius-lg: 16px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--row-a: #f8faff;--row-b: #f5f7f2;--row-a-strong: #eef2ff;--row-b-strong: #edf5ea}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#f4f3ef}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000052}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}body{font-family:var(--sans);background:var(--bg, #f4f3ef);color:var(--text, #1a1916);font-size:15px;line-height:1.6}#root{height:100%;background:#f4f3ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{background:var(--surface2);border-color:#c8c5bc}.btn:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-purple:focus-visible{outline-color:var(--accent3)}.btn-danger:focus-visible{outline-color:var(--accent2)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#178a66}.btn-purple{background:var(--accent3);color:#fff;border-color:var(--accent3)}.btn-purple:hover{background:#463d9e}.btn-danger{color:var(--accent2);border-color:var(--accent2)}.btn-danger:hover{background:var(--accent2-light)}.btn-sm{padding:6px 12px;font-size:13px;border-radius:7px}input,select,textarea{font-family:var(--sans);font-size:15px;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--surface);color:var(--text);width:100%;transition:border-color .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d9e751a}label{display:block;font-size:13px;font-weight:500;color:var(--text2);margin-bottom:6px}.field{margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #1a191612,0 6px 18px #1a19161c;transition:box-shadow .18s ease,transform .18s ease}.card:hover{box-shadow:0 2px 6px #1a191617,0 14px 34px #1a191629;transform:translateY(-2px)}.card-title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:16px;font-family:var(--mono)}.badge{display:inline-block;font-size:11px;font-weight:500;font-family:var(--mono);padding:2px 8px;border-radius:99px}.badge-ok{background:var(--accent-light);color:var(--accent)}.badge-low{background:var(--accent2-light);color:var(--accent2)}.badge-active{background:var(--accent-light);color:var(--accent)}.badge-completed{background:#e0f2fe;color:#0369a1}.badge-hold{background:var(--warn-light);color:#92400e}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mb-16{margin-bottom:16px}.text-muted{color:var(--text3);font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1.25}table{width:100%;border-collapse:collapse;font-size:14px}th{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);font-family:var(--mono);padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid var(--surface2);vertical-align:middle;transition:background .1s}tbody tr:nth-child(odd):not(.flag-red) td{background:var(--row-a)}tbody tr:nth-child(2n):not(.flag-red) td{background:var(--row-b)}tbody tr:hover:not(.flag-red) td{background:#ecefe9}tr:last-child td{border-bottom:none}.flag-red{background:var(--accent2-light)}.flag-red td:first-child{border-left:3px solid var(--accent2)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:var(--surface2);border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}}main>*{animation:screen-fade .16s ease-out}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){main>*{animation:none}}.mobile-drawer{animation:drawer-in .22s cubic-bezier(.4,0,.2,1)}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.mobile-drawer{animation:none}}.empty-state{text-align:center;padding:48px 24px;color:var(--text3);font-size:14px}.empty-icon{font-size:32px;margin-bottom:8px}.divider{height:1px;background:var(--border);margin:16px 0}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.admin-tab{padding:10px 16px;border:none;background:transparent;font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;cursor:pointer;transition:all .15s}.project-card:hover{border-color:var(--accent3);box-shadow:0 2px 8px #534ab714;transform:translateY(-1px)}.project-meta{font-size:12px;color:var(--text3);font-family:var(--mono);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.filter-btn{padding:4px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;cursor:pointer;color:var(--text2);transition:all .15s}.filter-btn:hover{border-color:var(--accent3);color:var(--accent3)}.filter-btn.active{background:var(--accent3);color:#fff;border-color:var(--accent3)}.supply-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--surface2)}.supply-row:last-child{border-bottom:none}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.room-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 16px;cursor:pointer;transition:transform .13s,box-shadow .13s,border-color .13s,background .13s;text-align:center;-webkit-user-select:none;user-select:none}.room-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-4px);box-shadow:0 6px 18px #0000001a}.room-card:active{transform:translateY(-1px) scale(.97);box-shadow:0 2px 6px #00000014}.manage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform .13s,box-shadow .13s,border-color .13s,background .13s}.manage-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-4px);box-shadow:0 6px 18px #0000001a}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.pin-key{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-family:var(--mono);font-size:18px;font-weight:500;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;color:var(--text)}.pin-key:hover{background:var(--surface2)}.pin-key:active{transform:scale(.93);background:var(--accent-light)}@media (max-width: 768px){body{font-size:14px}.card{padding:16px}.section-title{font-size:17px}.grid-2{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,1fr)}.admin-tab{padding:8px 10px;font-size:12px}table{font-size:12px}th,td{padding:8px 6px}main{padding:16px 12px!important}header{padding:0 12px!important}.booking-layout{flex-direction:column!important}.booking-equipment-panel{width:100%!important;max-height:200px!important}.booking-calendar-panel{width:100%!important;min-width:0!important}.modal-inner{max-width:100%!important;margin:0!important;border-radius:0!important;min-height:100vh;padding:20px 16px!important}.sub-tabs-row{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-block-mobile{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.pin-key{font-size:22px}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.equipment-hub-layout{flex-direction:column!important}.equipment-hub-panel{width:100%!important;max-height:180px!important}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr 1fr!important}.booking-week-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}.module-icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.module-icon-grid>*{flex:0 0 220px;height:160px}@media (min-width: 769px){.module-icon-grid{align-content:stretch;padding:0 10%}.module-icon-grid>*{flex:0 0 calc(25% - 11px);height:auto;min-height:80px}}@media (max-width: 768px){.module-icon-grid>*{flex:0 0 calc(50% - 7px)}}@media (max-width: 768px){.msg-panel-left{width:100%!important;border-right:none!important}.msg-panel-left.msg-hidden,.msg-panel-right.msg-hidden{display:none!important}.msg-back-btn{display:flex!important}.msg-header-hide-mobile{display:none!important}}.module-card-link{transition:transform .15s,box-shadow .15s,border-color .15s!important;-webkit-user-select:none;user-select:none}.module-card-link:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 28px #00000029;border-color:#ffffff59!important}.module-card-link:active{transform:translateY(-2px) scale(.99);box-shadow:0 4px 10px #0000001f}.sidebar-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:400;cursor:pointer;text-align:left;margin-bottom:2px;transition:background .13s,color .13s,transform .1s;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:var(--surface2);color:var(--text);transform:translate(2px)}.sidebar-item:active{transform:translate(3px) scale(.98)}.sidebar-item.active{font-weight:600}.sidebar-item.active:hover{transform:translate(2px)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:11px;font-weight:500;font-family:var(--font, "DM Sans", sans-serif);padding:5px 10px;border-radius:6px;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 4px 12px #00000040;line-height:1.4}[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1e293b;z-index:9999;pointer-events:none}.tooltips-off [data-tooltip]:after,.tooltips-off [data-tooltip]:before{display:none!important}