:root{--bg:#050b14;--panel:#0a1424;--panel2:#0d1a2e;--line:#223149;--gold:#d7ad55;--gold2:#f2d78b;--text:#eef3fb;--muted:#8695ab;--green:#40d28d;--red:#ff6f7d;--blue:#58a6ff;--shadow:0 18px 45px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#12233c 0,#050b14 42%);color:var(--text)}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#07101d,#091424);border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{padding:8px 12px 22px}.brand b{display:block;color:var(--gold2);font-size:21px}.brand span{color:var(--muted);font-size:12px}.nav-section{color:#65748b;font-size:11px;font-weight:700;padding:14px 12px 8px;text-transform:uppercase;letter-spacing:.11em}.nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#bdc8d8;margin:3px 0}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(215,173,85,.16),rgba(215,173,85,.03));color:#fff;border:1px solid rgba(215,173,85,.2)}.nav i{width:20px;text-align:center;color:var(--gold)}.main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(5,11,20,.78);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.content{padding:24px}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.title-row h1{margin:0 0 5px;font-size:25px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat,.card{background:linear-gradient(180deg,rgba(14,28,49,.94),rgba(8,18,32,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stat{padding:18px}.stat .k{color:#8e9db2;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.stat .v{font-size:28px;font-weight:800;margin-top:8px}.stat .s{font-size:12px;color:var(--muted);margin-top:4px}.gold{color:var(--gold2)}.green{color:var(--green)}.red{color:var(--red)}.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.card{padding:20px}.card h2{font-size:17px;margin:0 0 16px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#101d30;color:#eaf0f8;padding:10px 14px;border-radius:11px;font-weight:700;cursor:pointer}.btn:hover{border-color:#3b4c67}.btn-gold{background:linear-gradient(135deg,#c79a42,#efd281);border-color:#e7c873;color:#15181d}.btn-danger{background:#351922;border-color:#5e2732;color:#ffb8c0}.btn-sm{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:13px 14px;border-bottom:1px solid #1d2b40;text-align:left}th{font-size:11px;color:#8998ae;text-transform:uppercase;letter-spacing:.06em;background:#0a1627}td{font-size:14px}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.badge-ok{background:rgba(64,210,141,.12);color:#6de8aa;border:1px solid rgba(64,210,141,.28)}.badge-off{background:rgba(255,111,125,.1);color:#ff9ba5;border:1px solid rgba(255,111,125,.22)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;color:#9ba9bd;font-size:12px;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;background:#07111f;border:1px solid #2a3950;color:#f4f6fa;border-radius:11px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b88e41;box-shadow:0 0 0 3px rgba(215,173,85,.09)}.field textarea{min-height:105px;resize:vertical}.full{grid-column:1/-1}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #1b293c}.switch-row:last-child{border-bottom:0}.toggle{position:relative;width:44px;height:24px}.toggle input{display:none}.toggle span{position:absolute;inset:0;background:#2a3547;border-radius:99px;cursor:pointer}.toggle span:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+span{background:#b98b35}.toggle input:checked+span:after{transform:translateX(20px)}.flash{padding:12px 14px;border-radius:12px;margin-bottom:15px}.flash-success{background:#103425;border:1px solid #285a43;color:#92efbd}.flash-error{background:#3b1821;border:1px solid #682b38;color:#ffc1c8}.hotel-pill{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0c192b;border:1px solid #273750;border-radius:12px}.hotel-list{display:grid;gap:10px}.hotel-item{padding:14px;border-radius:14px;border:1px solid #203049;background:#091625;display:flex;align-items:center;justify-content:space-between;gap:12px}.hotel-item.active{border-color:#9f7a38;box-shadow:inset 0 0 0 1px rgba(215,173,85,.12)}.logo-box{width:58px;height:58px;border-radius:14px;background:#07101d;border:1px dashed #3a4a61;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--gold);font-weight:800}.logo-box img{width:100%;height:100%;object-fit:contain}.preview-frame{aspect-ratio:16/9;background:#02060c;border:1px solid #3b4b60;border-radius:14px;overflow:hidden}.preview-frame iframe{width:100%;height:100%;border:0}.help{font-size:12px;color:#7f8ea4;margin-top:6px}.danger-note{background:#29161b;border:1px solid #57313a;padding:12px;border-radius:12px;color:#f0b9c0}.mobile-toggle{display:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);padding:30px;background:#0a1525;border:1px solid #26364c;border-radius:24px;box-shadow:0 30px 90px #000a}.login-card h1{margin-bottom:6px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.room-card{background:#081321;border:1px solid #223148;border-radius:15px;overflow:hidden}.room-photo{height:120px;background:linear-gradient(135deg,#15243a,#0b1422);display:flex;align-items:center;justify-content:center;color:#6f7f95;overflow:hidden}.room-photo img{width:100%;height:100%;object-fit:cover}.room-body{padding:12px}.room-price{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.room-price b{color:var(--gold2)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-card{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#07111e}.media-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.media-card .meta{padding:9px;font-size:12px}.code{font-family:Consolas,monospace;letter-spacing:.15em;color:var(--gold2);font-weight:800}.footer-note{margin-top:24px;color:#64748b;font-size:12px;text-align:center}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;z-index:30;width:270px;transition:.2s}.sidebar.open{left:0}.mobile-toggle{display:inline-flex}.content{padding:15px}.topbar{padding:0 14px}.form-grid,.cards{grid-template-columns:1fr}.full{grid-column:auto}.room-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}.title-row{flex-direction:column}}@media(max-width:520px){.room-grid,.media-grid{grid-template-columns:1fr}.stat .v{font-size:24px}}