:root{
  --bg:#14151f;--sidebar:#1c1d2a;--surface:#1d1e2b;--surface2:#232433;--surface3:#292a3c;
  --line:#2f3143;--line2:#3a3d52;--text:#f7f7fb;--muted:#9ea4bc;--soft:#c6caDA;
  --pink:#ec4b91;--pink2:#ff5baa;--purple:#9d8cf3;--purple2:#7363d9;--cyan:#70c6e9;
  --green:#74dbb3;--red:#ff7d8d;--amber:#ffc85c;--blue:#7dbbe8;--radius:8px;
  --shadow:0 10px 28px rgba(0,0,0,.18)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}input,select,textarea{width:100%;background:#1b1c28;border:1px solid var(--line2);color:var(--text);border-radius:6px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(236,75,145,.12)}textarea{min-height:105px;resize:vertical}label{display:grid;gap:7px;color:#c9cde0;font-size:12px}.hidden{display:none!important}.muted{color:var(--muted);margin:0}.helper{font-size:11px;color:var(--muted);line-height:1.55}.eyebrow{font-size:10px;letter-spacing:.13em;color:var(--pink);font-weight:700;margin:0 0 4px;text-transform:uppercase}.empty{padding:28px;text-align:center;color:var(--muted)}
.button{border:1px solid transparent;border-radius:5px;padding:10px 15px;font-weight:700;color:#fff;background:#2a2b3c;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{filter:brightness(1.08)}.button.primary{background:var(--pink)}.button.ghost{background:#20212e;border-color:var(--line2);color:#d2d5e5}.button.danger{background:#7f3444}.button.warning{background:#765725}.button.success{background:#26755e}.button.small{font-size:11px;padding:7px 10px}.button.wide{width:100%;padding:13px}.text-button{border:0;background:transparent;color:var(--pink);font-weight:700}.icon-button{width:39px;height:39px;border-radius:6px;background:#20212e;border:1px solid var(--line2);color:#fff}.toast{position:fixed;right:24px;bottom:24px;z-index:9999;background:#262737;color:#fff;padding:12px 16px;border-radius:7px;border:1px solid var(--line2);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#6f2838;border-color:#9f4056}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-art{padding:8vw;background:radial-gradient(circle at 20% 10%,rgba(236,75,145,.18),transparent 34%),linear-gradient(135deg,#171824,#232035 55%,#3b1f43);display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:clamp(42px,5vw,68px);line-height:1.04;margin:10px 0 18px;max-width:720px}.login-art p{max-width:600px;color:#bbbfd2;line-height:1.6}.login-features{display:flex;gap:18px;flex-wrap:wrap;color:#cfd2e1;margin-top:26px;font-size:12px}.brand-mark{width:60px;height:60px;border-radius:13px;background:linear-gradient(135deg,var(--pink),#916ff2);display:grid;place-items:center;font-weight:900;font-size:28px}.brand-mark.small{width:38px;height:38px;font-size:18px;border-radius:8px}.login-card{width:min(430px,86%);margin:auto;display:grid;gap:16px}.login-card h2{font-size:30px;margin:0}.mobile-brand{display:flex;align-items:center;gap:10px}.demo-credentials{background:#211f31;border:1px solid var(--line);padding:10px;border-radius:6px;color:#aeb2c6;font-size:11px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--sidebar);border-right:1px solid #282a3b;padding:15px 10px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 15px;border-bottom:1px solid #2b2d3c;margin-bottom:10px}.sidebar-brand b{display:block;color:var(--pink);font-size:17px}.sidebar-brand span{display:block;color:#8389a0;font-size:10px}.nav-list{overflow:auto;padding-right:3px}.nav-section-label{font-size:9px;color:#747a92;text-transform:uppercase;letter-spacing:.08em;margin:15px 9px 6px}.nav-item,.nav-group-toggle{width:100%;border:0;background:transparent;color:#a9aec2;padding:9px 10px;border-radius:5px;text-align:left;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:12px}.nav-item .nav-icon,.nav-group-toggle .nav-icon{width:19px;text-align:center;opacity:.88}.nav-item:hover,.nav-item.active,.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{color:#fff;background:#232535}.nav-item.active{color:var(--pink);box-shadow:inset 2px 0 var(--pink)}.nav-group-toggle .chev{margin-left:auto;transition:.2s}.nav-group.open>.nav-group-toggle .chev{transform:rotate(90deg)}.nav-submenu{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:12px}.nav-group.open>.nav-submenu{max-height:650px}.nav-submenu .nav-item{font-size:11px;padding:8px 9px}.sidebar-footer{margin-top:auto;border-top:1px solid #2b2d3c;padding:12px 8px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px}.status-dot{display:flex;gap:7px;align-items:center;color:#8d93a9}.status-dot span{width:7px;height:7px;border-radius:50%;background:var(--green)}
.main{grid-column:2;min-width:0;padding:0 26px 45px}.topbar{height:74px;position:sticky;top:0;z-index:30;background:rgba(20,21,31,.94);backdrop-filter:blur(12px);border-bottom:1px solid #292b3b;display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;gap:12px;align-items:center}.topbar h1{font-size:22px;margin:0}.topbar-actions{display:flex;align-items:center;gap:10px}.admin-chip{display:flex;align-items:center;gap:9px;background:#1f202d;border:1px solid var(--line);padding:6px 9px;border-radius:6px}.avatar{width:33px;height:33px;border-radius:5px;background:linear-gradient(135deg,var(--pink),#7e6ce8);display:grid;place-items:center;font-weight:800}.admin-chip b,.admin-chip span{display:block}.admin-chip b{font-size:11px}.admin-chip span{font-size:9px;color:var(--muted)}.menu-button{display:none}.page{display:none;padding-top:22px}.page.active{display:block}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:var(--surface);border:1px solid #242635;border-radius:6px;padding:18px 18px;min-height:112px}.metric-top{display:flex;align-items:start;justify-content:space-between}.metric-icon{width:39px;height:39px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,#f04e95,#bb489f);font-size:18px}.metric-card:nth-child(2n) .metric-icon{background:linear-gradient(135deg,#6ac7a8,#8be0c2)}.metric-card:nth-child(3n) .metric-icon{background:linear-gradient(135deg,#ff8c93,#ef6788)}.metric-card h3{margin:12px 0 3px;font-size:23px}.metric-card p{font-size:11px;color:#aeb2c5;margin:0}.panel{background:var(--surface);border:1px solid #242635;border-radius:6px;padding:18px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font-size:16px;margin:0}.grid{display:grid;gap:18px}.grid.two-thirds{grid-template-columns:1.35fr .65fr}.grid.equal{grid-template-columns:1fr 1fr}.dashboard-chart{height:265px;width:100%;display:block;background:#191a25;border-radius:5px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.health-item{padding:13px;background:#191a25;border:1px solid #2b2d3d;border-radius:5px}.health-item b,.health-item span{display:block}.health-item b{font-size:14px}.health-item span{font-size:10px;color:var(--muted);margin-top:4px}
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.toolbar.between{justify-content:space-between}.toolbar select{width:auto;min-width:155px}.search-box{display:flex;align-items:center;gap:7px;background:#1b1c28;border:1px solid var(--line2);border-radius:6px;padding:0 10px;min-width:310px}.search-box input{border:0;background:transparent;box-shadow:none;padding-left:0}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:13px 14px;border-bottom:1px solid #2a2c3b;text-align:left;font-size:11px;vertical-align:middle}th{color:#aeb4ce;background:#20212f;font-weight:500;white-space:nowrap}tbody tr:hover{background:#20212d}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:42px;height:42px;border-radius:7px;object-fit:cover;background:#292a39;display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-cell b,.user-cell span{display:block}.user-cell span{font-size:9px;color:var(--muted);margin-top:2px}.country{color:#78e3b9}.level-text{color:#ffca60}.balance-bean{color:#ff5b9c}.balance-gem{color:#ffc857}.action-row{display:flex;gap:6px;flex-wrap:wrap}.action-icon{width:38px;height:30px;border:0;border-radius:3px;color:#fff;background:#9e8de8}.action-icon.green{background:#72d5ad}.action-icon.pink{background:var(--pink)}.action-icon.red{background:#b74b5f}.toggle-chip{display:inline-flex;align-items:center;gap:5px;background:#7dbbe8;color:#10121a;padding:4px 7px;border-radius:2px;font-size:10px}.toggle-box{width:18px;height:18px;background:#fff;display:inline-block}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;background:#303244;color:#cdd1e2}.badge.active,.badge.live,.badge.resolved,.badge.approved{background:rgba(116,219,179,.14);color:var(--green)}.badge.suspended,.badge.reviewing,.badge.high,.badge.pending{background:rgba(255,200,92,.14);color:var(--amber)}.badge.banned,.badge.urgent,.badge.open,.badge.rejected,.badge.closed{background:rgba(255,125,141,.13);color:var(--red)}.badge.featured{background:rgba(157,140,243,.15);color:#b7a9ff}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.room-card,.report-card,.gift-admin-card{background:#1c1d29;border:1px solid #292b3b;border-radius:6px;padding:15px}.room-card-head,.report-card-head,.gift-admin-head{display:flex;align-items:start;justify-content:space-between}.room-card h3,.report-card h3,.gift-admin-card h3{font-size:15px;margin:0}.meta-row,.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.stat-strip div{background:#252634;border-radius:4px;padding:9px;text-align:center}.stat-strip b,.stat-strip span{display:block}.stat-strip span{font-size:8px;color:var(--muted)}.seat-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.seat-mini{border:1px solid #383a4d;background:#222330;color:#bfc3d6;border-radius:4px;padding:7px 2px;font-size:9px}.seat-mini.occupied{border-color:#7969c4;color:#c7bcff}.seat-mini.locked{border-color:#8c6d32;color:#ffcd68}.gift-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gift-emoji{font-size:38px}.gift-price{font-size:20px;color:var(--pink);font-weight:800}.notice{padding:12px 14px;background:#22263b;border:1px solid #364062;color:#aebee3;border-radius:5px;font-size:11px;margin-bottom:14px}.segmented,.settings-tabs{display:inline-flex;gap:4px;background:#1e1f2c;border:1px solid #292b3b;padding:4px;border-radius:5px;margin-bottom:14px;flex-wrap:wrap}.segmented button,.settings-tabs button{border:0;background:transparent;color:#999fb7;border-radius:4px;padding:8px 12px;font-weight:700;font-size:11px}.segmented button.active,.settings-tabs button.active{background:#77b9de;color:#fff}.rank-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:12px;border-bottom:1px solid #2b2d3c}.rank-score{color:var(--pink);font-weight:800}.ranking-list{display:grid}.room-list,.stack-list,.timeline{display:grid;gap:9px}.room-row,.list-item{display:flex;align-items:center;gap:10px;background:#191a25;border:1px solid #292b3a;border-radius:5px;padding:10px}.room-art{width:39px;height:39px;border-radius:5px;background:#2b2d3d;display:grid;place-items:center}.grow{flex:1;min-width:0}.grow b,.grow span{display:block}.grow span{font-size:9px;color:var(--muted)}.timeline-item{display:grid;grid-template-columns:9px 1fr auto;gap:10px;background:#191a25;padding:9px;border-radius:5px}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);margin-top:4px}.timeline-item p{margin:2px 0 0;font-size:9px;color:var(--muted)}.timeline-item time{font-size:9px;color:var(--muted)}
.form-panel{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #2d2f40}.switch-row span b,.switch-row span small{display:block}.switch-row span small{color:var(--muted);font-weight:400;margin-top:3px}.switch-row input{appearance:none;width:42px;height:22px;border:0;border-radius:999px;background:#45485e;position:relative;padding:0;box-shadow:none;flex:0 0 auto}.switch-row input:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked{background:#77b9de}.switch-row input:checked:after{left:23px}.settings-view{display:none}.settings-view.active{display:block}.credential-status{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:10px}.credential-status.off{color:var(--muted)}
.agency-logo{width:48px;height:48px;border-radius:7px;background:#2a2b38;object-fit:cover}.agency-banner{width:80px;height:42px;border-radius:5px;object-fit:cover;background:#282a39}.agency-name{display:flex;align-items:center;gap:10px}.agency-name b,.agency-name span{display:block}.agency-name span{font-size:9px;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;background:rgba(7,8,12,.72);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:18px}.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#1d1e2b;border:1px solid #35374a;border-radius:8px;padding:21px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.45)}.modal-close{position:absolute;right:13px;top:12px;width:34px;height:34px;border:0;border-radius:5px;background:#2b2d3c;color:#fff;font-size:20px}.modal-card h2{margin:0 0 5px}.modal-body{display:grid;gap:14px;margin-top:18px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.detail-box{background:#252634;border:1px solid #303244;padding:11px;border-radius:5px}.detail-box b,.detail-box span{display:block}.detail-box span{font-size:9px;color:var(--muted);margin-top:3px}.danger-zone{border:1px solid #623444;background:#291b23;border-radius:6px;padding:13px}.menu-button{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.grid.two-thirds{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.gift-admin-grid{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{padding:0 14px 35px}.menu-button{display:block}.topbar-actions>.button{display:none}.admin-chip div:last-child{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.grid.equal{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar select,.search-box{width:100%;min-width:0}.cards-grid,.gift-admin-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{min-height:100vh;align-content:center}.health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.metric-grid,.filters-grid,.health-grid{grid-template-columns:1fr}.form-grid,.detail-grid{grid-template-columns:1fr}.topbar h1{font-size:19px}}