:root{--bg:#F5F0EA;--sidebar:#202020;--ink:#202020;--muted:#A61028;--green:#A61028;--line:#F5F0EA;--card:#F5F0EA}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'Manrope','Noto Sans KR',sans-serif;color:var(--ink);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--sidebar);color:#F5F0EA;z-index:30;display:flex;flex-direction:column}.a-logo{height:98px;display:flex;align-items:center;padding:0 26px;gap:11px;font-size:19px;letter-spacing:-1.1px}.a-logo-box{width:36px;height:36px;display:grid;place-items:center;background:#F5F0EA;color:#202020;border-radius:8px;font-size:14px;font-weight:800}.a-logo b small{font-size:9px;color:#F5F0EA;font-weight:600;letter-spacing:1px}.sidebar-label{font-size:10px;color:#A61028;letter-spacing:2px;padding:23px 27px 11px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding:0 13px}.side-item{width:100%;display:flex;align-items:center;text-align:left;gap:14px;color:#F5F0EA;background:transparent;border:0;border-radius:8px;padding:14px 15px;font-weight:600;font-size:12px}.side-item span{font-size:21px;width:20px;text-align:center}.side-item i{margin-left:auto;font-size:10px;font-style:normal;background:#A61028;color:#F5F0EA;border-radius:30px;padding:2px 7px;display:none}.side-item.active,.side-item:hover{background:#202020;color:#F5F0EA}.sidebar-bottom{margin-top:auto;padding:20px 25px 30px}.demo-profile{display:flex;gap:12px;align-items:center;padding:0 0 20px;margin-bottom:17px;border-bottom:1px solid #A61028}.avatar,.top-avatar{background:#F5F0EA;color:#202020;border-radius:50%;display:grid;place-items:center;font-weight:700;width:38px;height:38px}.demo-profile b{display:block;font-size:12px}.demo-profile small{display:block;color:#A61028;font-size:10px;margin-top:3px}.return-link{display:block;font-size:11px;color:#F5F0EA;line-height:2.8}.return-link:hover{color:#F5F0EA}.main-wrap{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.demo-strip{background:#F5F0EA;display:flex;align-items:center;gap:17px;min-height:39px;padding:8px 36px;font-size:10px;color:#A61028}.demo-strip strong{letter-spacing:1px;color:#202020;white-space:nowrap}.demo-strip span{flex:1}.demo-strip a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 37px;background:#F5F0EA;border-bottom:1px solid #F5F0EA}.breadcrumbs{font-size:11px;font-weight:700;letter-spacing:.8px;color:#A61028}.breadcrumbs span{margin:0 10px;color:#F5F0EA}.breadcrumbs strong{color:#202020;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:20px}.live-badge{font-size:9px;letter-spacing:.8px;font-weight:800;padding:8px 11px;border:1px solid #F5F0EA;border-radius:30px;color:#A61028}.live-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#A61028;margin-right:5px}.top-avatar{width:34px;height:34px}.menu-toggle{display:none}.main-content{width:100%;max-width:1580px;margin:0 auto;padding:44px 36px 65px;flex:1}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}.page-overline{font-size:10px;font-weight:800;letter-spacing:2px;color:#A61028;margin-bottom:13px}.page-heading h1{font-size:clamp(26px,2.6vw,38px);letter-spacing:-1.8px;margin:0 0 7px}.page-heading p{margin:0;color:#A61028;font-size:12px}.wave{color:#A61028;font-size:22px}.primary-btn{white-space:nowrap;background:#202020;color:#F5F0EA;padding:15px 20px;border-radius:6px;font-size:11px;font-weight:700}.primary-btn:hover{background:#202020}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px}.kpi-grid.two{grid-template-columns:repeat(2,1fr)}.kpi{min-width:0;border:1px solid #F5F0EA;background:#F5F0EA;padding:27px 23px 20px;border-radius:11px;position:relative;min-height:152px}.kpi>span{font-size:12px;color:#A61028;font-weight:600}.kpi>b{font-size:clamp(23px,2.2vw,32px);display:block;margin:21px 0 9px;white-space:nowrap;letter-spacing:-1.5px}.kpi>b em{font-size:12px;letter-spacing:0;font-style:normal;color:#A61028;font-weight:400}.kpi>small{font-size:10px;color:#F5F0EA}.kpi-icon{position:absolute;top:16px;right:17px;font-size:23px;color:#A61028}.kpi.accent{background:#F5F0EA;border-color:#F5F0EA}.middle-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:19px}.data-card{background:#F5F0EA;border:1px solid #F5F0EA;border-radius:10px;padding:26px 27px;margin-bottom:19px;min-width:0}.middle-grid .data-card{margin:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.mini-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#A61028}.card-header h2{font-size:18px;letter-spacing:-.6px;margin:7px 0 0}.subtle-label{font-size:10px;color:#F5F0EA}.bar-chart{display:flex;height:192px;align-items:end;gap:25px;justify-content:space-around;border-bottom:1px solid #F5F0EA;padding:0 22px}.bar-chart>div{display:flex;align-items:center;flex-direction:column;gap:13px;height:100%;flex:1;justify-content:end}.bar-chart i{display:block;background:#F5F0EA;width:min(100%,32px);border-radius:4px 4px 0 0}.bar-chart>div:nth-child(3n+2) i{background:#A61028}.bar-chart span{font-size:10px;color:#A61028;margin-bottom:-29px}.chart-caption{display:flex;justify-content:space-between;margin-top:44px;font-size:10px;color:#A61028}.chart-caption i{display:inline-block;width:8px;height:8px;background:#A61028;border-radius:50%;margin-right:6px}.chart-caption strong{font-weight:500;color:#A61028}.action-card .card-header{margin-bottom:10px}.quick-action{width:100%;display:flex;text-align:left;gap:13px;align-items:center;border:0;background:#F5F0EA;border-bottom:1px solid #F5F0EA;padding:15px 5px}.quick-action:last-child{border-bottom:0}.quick-action>span:nth-child(2){flex:1}.quick-action b{font-size:12px;display:block}.quick-action small{font-size:10px;color:#A61028;display:block;margin-top:6px}.quick-action>span:last-child{font-size:18px;color:#A61028}.action-icon{width:41px;height:41px;display:grid;place-items:center;background:#F5F0EA;color:#A61028;border-radius:8px;font-size:20px}.quick-action:hover{background:#F5F0EA}.text-btn{background:none;border:0;font-size:11px;font-weight:700;color:#A61028}table{border-collapse:collapse;width:100%;min-width:670px;text-align:left}.table-scroll{overflow:auto}th{background:#F5F0EA;color:#A61028;font-size:10px;font-weight:700;padding:15px 12px;white-space:nowrap}td{font-size:11px;padding:18px 12px;border-bottom:1px solid #F5F0EA;color:#A61028;white-space:nowrap}td:first-child{font-weight:800;color:#202020}.status{font-size:10px;display:inline-block;padding:7px 11px;border-radius:30px;font-weight:700}.status.pending{background:#F5F0EA;color:#A61028}.status.confirmed{background:#F5F0EA;color:#A61028}.status.cancelled{background:#F5F0EA;color:#A61028}.status-select{font-size:11px;background:#F5F0EA;border:1px solid #F5F0EA;padding:8px;border-radius:5px;color:#202020}.filter-row{display:flex;gap:9px;margin-bottom:21px;align-items:center;flex-wrap:wrap}.filter-row input,.filter-row select{padding:13px;border:1px solid #F5F0EA;background:#F5F0EA;border-radius:5px;min-width:0}.filter-row input{width:min(100%,310px)}.result-count{color:#A61028;font-size:11px;margin-left:auto}.table-hint{color:#A61028;font-size:10px;margin:18px 0 0}.reset-btn{background:transparent;border:1px solid #F5F0EA;border-radius:6px;padding:12px 15px;font-size:11px;color:#A61028}.status-label{background:#F5F0EA;padding:12px 20px;border-radius:25px;color:#A61028;font-size:10px;font-weight:800;white-space:nowrap}.room-list{display:grid;gap:15px}.room-line{display:flex;gap:27px;align-items:center;background:#F5F0EA;border:1px solid #F5F0EA;border-radius:11px;padding:17px 20px}.room-thumb{height:97px;width:150px;flex:none;border-radius:6px;background-color:#A61028;background-size:cover;background-position:center}.room-thumb.forest{background-image:url('https://images.unsplash.com/photo-1510798831971-661eb04b3739?w=400&q=75&fit=crop')}.room-thumb.water{background-image:url('https://images.unsplash.com/photo-1499793983690-e29da59ef1c2?w=400&q=75&fit=crop')}.room-thumb.garden{background-image:url('https://images.unsplash.com/photo-1449158743715-0a90ebb6d2d8?w=400&q=75&fit=crop')}.room-line>div:nth-child(2){flex:1}.room-line small{color:#A61028;font-size:10px}.room-line h2{margin:6px 0 5px;font-size:19px}.room-line p{font-size:11px;color:#A61028;margin:0}.room-line>strong{font-size:16px;white-space:nowrap}.room-line>strong small{color:#202020;font-weight:400}.enabled{background:#F5F0EA;color:#A61028;padding:9px 13px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.notice{margin-top:25px;border-left:3px solid #A61028;background:#F5F0EA;padding:20px 25px}.notice b{font-size:12px}.notice p{font-size:11px;color:#A61028;line-height:1.9;margin-bottom:0}.report-list{display:grid;gap:23px}.report-row{display:grid;grid-template-columns:130px 1fr 60px;gap:14px;align-items:center;font-size:12px}.report-meter{height:9px;border-radius:20px;background:#F5F0EA;overflow:hidden}.report-meter span{height:100%;display:block;background:#A61028;border-radius:20px}.report-row b{text-align:right}.a-footer{display:flex;justify-content:space-between;padding:21px 38px;color:#F5F0EA;font-size:9px;letter-spacing:.8px}.empty{color:#A61028;text-align:center;padding:30px}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.middle-grid{grid-template-columns:1fr}.sidebar{width:215px}.main-wrap{margin-left:215px}.room-line{gap:16px}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}.menu-toggle{display:block;background:none;border:0;font-size:23px;margin-right:15px}.topbar{justify-content:start}.topbar-actions{margin-left:auto}.demo-strip{padding:10px 18px;flex-wrap:wrap;gap:5px 10px}.demo-strip span{flex-basis:70%;line-height:1.5}.main-content{padding:32px 17px}.room-line{flex-wrap:wrap}.room-line>strong{margin-left:auto}.page-heading{flex-wrap:wrap}.a-footer{padding:18px}}@media(max-width:550px){.kpi-grid,.kpi-grid.two{grid-template-columns:1fr}.page-heading h1{font-size:30px}.primary-btn{width:100%;text-align:center}.topbar{padding:0 15px}.breadcrumbs{font-size:10px}.live-badge{font-size:8px;padding:6px}.top-avatar{display:none}.data-card{padding:18px 14px}.bar-chart{gap:10px;padding:0 5px}.room-thumb{width:100%;height:160px}.room-line>div:nth-child(2){flex-basis:60%}.room-line>strong{margin-left:0}.enabled{margin-left:auto}.a-footer{flex-wrap:wrap;gap:10px}.report-row{grid-template-columns:100px 1fr 40px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* STAYKIT A+B v2 — midnight cobalt-violet admin identity (preserves existing data UI) */
:root{--bg:#F5F0EA;--sidebar:#202020;--ink:#202020;--muted:#F5F0EA;--green:#A61028;--line:#F5F0EA;--card:#F5F0EA}
body{background:#F5F0EA;color:var(--ink)}
.sidebar{background:#202020;color:#F5F0EA}.a-logo-box{background:#A61028;color:#202020}.a-logo b small{color:#F5F0EA}.sidebar-label{color:#F5F0EA}.side-item{color:#F5F0EA}.side-item.active,.side-item:hover{background:#202020;color:#F5F0EA}.side-item i{background:#A61028}.sidebar-bottom .demo-profile{border-color:#A61028}.avatar,.top-avatar{background:#F5F0EA;color:#A61028}.demo-profile small{color:#F5F0EA}.return-link{color:#F5F0EA}
.demo-strip{background:#F5F0EA;color:#A61028}.demo-strip strong{color:#A61028}.topbar{border-color:#F5F0EA}.breadcrumbs{color:#A61028}.breadcrumbs strong{color:#202020}.live-badge{border-color:#F5F0EA;color:#A61028}.live-badge i{background:#A61028}
.page-overline,.wave,.mini-eyebrow{color:#A61028}.primary-btn{background:#A61028}.primary-btn:hover{background:#A61028}.kpi{border-color:#F5F0EA}.kpi>span{color:#A61028}.kpi-icon{color:#A61028}.kpi.accent{background:#F5F0EA;border-color:#F5F0EA}.data-card{border-color:#F5F0EA}.bar-chart>div i{background:#F5F0EA}.bar-chart>div:nth-child(3n+2) i{background:#A61028}
.status.pending{background:#F5F0EA;color:#A61028}.status.confirmed{background:#F5F0EA;color:#A61028}.status.cancelled{background:#F5F0EA;color:#202020}.status-select{border-color:#F5F0EA}.notice{background:#F5F0EA;border-color:#F5F0EA}.notice b{color:#A61028}.report-meter span{background:#A61028}.enabled{background:#F5F0EA;color:#A61028}.a-footer{color:#F5F0EA}

/* Integrated v3: violet operational UI */
.sidebar{background:#202020}.a-logo-box{background:#F5F0EA;color:#202020}.side-item.active,.side-item:hover{background:#A61028}.demo-strip{background:#F5F0EA;color:#A61028}.demo-strip strong{color:#A61028}.live-badge{color:#A61028;border-color:#F5F0EA}.live-badge i{background:#A61028}.status-select:focus{outline-color:#A61028}
