:root{--bg: #0b1220;--surface: #0f172a;--surface-2: #111827;--text: #e5e7eb;--muted: #9ca3af;--brand: #3b82f6;--brand-600: #2563eb;--border: #1f2937;--radius: 12px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0,0,0,.25);--hero-overlay: linear-gradient(180deg, rgba(2,6,23,.55) 0%, rgba(2,6,23,.75) 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#0b1220,#0d1424);color:var(--text)}h1{font-size:2rem;margin:0;letter-spacing:-.02em}h2{font-size:1.5rem;margin:0 0 1rem;letter-spacing:-.01em}h3{font-size:1.25rem;margin:0 0 .75rem}p{margin:.5rem 0}small{color:var(--muted)}.brand-sub{font-size:.9rem;color:var(--muted);font-weight:500}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-600)}.container{max-width:1040px;margin:0 auto;padding:1.25rem}button{border:1px solid var(--border);background:var(--brand);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 2px 6px #3b82f640}button:hover{background:var(--brand-600)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:none}button.secondary:hover{background:#0e162a}button.link{background:transparent;color:var(--brand);border-color:transparent;box-shadow:none;padding:.25rem}button.link:hover{color:var(--brand-600)}button.danger{background:#ef4444;border-color:#ef4444}button.danger:hover{background:#dc2626}button.google{background:#4285f4;border-color:#4285f4;display:inline-flex;align-items:center;gap:.5rem}button.google:hover{background:#357ae8}label{font-size:.9rem;color:var(--muted);display:grid;gap:.35rem}input,select,textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0b1324;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}input::placeholder,textarea::placeholder{color:#64748b}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3b82f62e}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}thead th{text-align:left;padding:.75rem;background:#0b1324;border-bottom:1px solid var(--border);font-weight:600;color:var(--muted)}tbody td{padding:.75rem;border-top:1px solid var(--border)}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border);background:#0b1324;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}hr{border:none;border-top:1px solid var(--border);margin:1rem 0}:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.hero{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.hero-bg{position:absolute;inset:0;background:var(--hero-overlay),url(https://picsum.photos/id/1050/1920/1080) center/cover no-repeat;filter:saturate(1.1) contrast(1.05)}.hero-content{position:relative;padding:2rem 1.5rem;display:grid;gap:.6rem}.hero h1{font-size:1.8rem}.hero p{color:var(--muted);max-width:680px}.room-showcase{margin-top:1rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.room-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.room-thumb{width:100%;height:140px;background-size:cover;background-position:center;border-bottom:1px solid var(--border)}.room-info{padding:.75rem}.room-title{font-weight:700}.room-meta{color:var(--muted);font-size:.9rem}.site-footer{margin-top:2rem;border-top:1px solid var(--border);background:linear-gradient(180deg,#11182759,#111827a6)}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;padding:1rem 1.25rem}.footer-title{font-weight:700;margin-bottom:.25rem}.footer-text{color:var(--muted)}.site-footer a{color:var(--brand)}.footer-bottom{text-align:center;color:var(--muted);padding:.75rem;border-top:1px solid var(--border)}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:.875rem}.card{padding:1rem}button{padding:.55rem .85rem;border-radius:9px}}@media(prefers-color-scheme:light){:root{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #f9fafb;--text: #1f2937;--muted: #6b7280;--brand: #2563eb;--brand-600: #1d4ed8;--border: #e5e7eb;--shadow: 0 8px 24px rgba(0,0,0,.08)}body{background:var(--bg)}input,select,textarea{background:var(--surface)}thead th{background:#f8fafc}.badge{background:#f1f5f9}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}#root{max-width:1120px;margin:0 auto;padding:2rem 1.25rem}.container{max-width:1024px;margin:0 auto}.app-header{position:sticky;top:0;z-index:100;padding:.875rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#111827a6,#11182759);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.app-header h1{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.01em}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.4rem .6rem}.nav-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;overflow:visible;padding-bottom:.25rem}.nav-actions::-webkit-scrollbar{display:none}.nav-actions a{padding:.5rem .75rem;border-radius:10px;color:var(--text)}.nav-actions a:hover{background:#3b82f61f;color:#fff}.nav-actions button{background:transparent;color:var(--text);border-color:var(--border)}.nav-actions button:hover{background:#ffffff0f}.mobile-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.actions{display:flex;gap:.75rem;justify-content:center}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:.75rem;border:2px solid var(--border)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem;width:100%;max-width:600px}@media(max-width:768px){#root{padding:1.25rem .875rem}.nav-actions a,.nav-actions button{padding:.4rem .6rem}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.app-header h1{font-size:1.15rem}}@media(max-width:480px){.container{max-width:100%}}
