:root{font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;background:#090909;color:#f8fafc;--bg-base: #0a0b1a;--bg-elev: rgba(14, 16, 40, .88);--bg-card: rgba(10, 12, 28, .86);--border: rgba(148, 163, 184, .2);--text-muted: #c7d2fe;--accent: #ff7a59;--accent-2: #3de7f7;--accent-3: #ffe66d;--shadow: 0 18px 50px rgba(7, 10, 26, .45);--glow: 0 0 28px rgba(61, 231, 247, .35);--streak-1: rgba(61, 231, 247, .18);--streak-2: rgba(255, 122, 89, .18);--streak-3: rgba(255, 230, 109, .15)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}[data-theme=light]{background:#f6f6fb;color:#0f172a;--bg-base: #f7f7ff;--bg-elev: rgba(255, 255, 255, .95);--bg-card: rgba(255, 255, 255, .92);--border: rgba(51, 65, 85, .15);--text-muted: #475569;--accent: #ff6b35;--accent-2: #00bcd4;--accent-3: #f4d35e;--shadow: 0 18px 40px rgba(15, 23, 42, .15);--glow: 0 0 20px rgba(255, 107, 53, .25);--streak-1: rgba(0, 188, 212, .2);--streak-2: rgba(255, 107, 53, .18);--streak-3: rgba(244, 211, 94, .16)}body{margin:0;min-height:100vh;position:relative;background:radial-gradient(circle at 15% 15%,rgba(255,122,89,.25),transparent 40%),radial-gradient(circle at 85% 20%,rgba(61,231,247,.28),transparent 45%),radial-gradient(circle at 50% 85%,rgba(255,230,109,.22),transparent 45%),linear-gradient(135deg,#0a0b1a,#0f142e 55%,#0b0b12);color:#f8fafc}body:before,body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:0;left:-20%;z-index:0;pointer-events:none;background-size:260% 260%;opacity:.75;transform:translateZ(0)}body:before{background-image:repeating-linear-gradient(120deg,transparent 0 8%,var(--streak-1) 8% 9.2%,transparent 9.2% 14%),repeating-linear-gradient(120deg,transparent 0 15%,var(--streak-2) 15% 16.6%,transparent 16.6% 22%);animation:travel-streaks 26s linear infinite}body:after{background-image:repeating-linear-gradient(120deg,transparent 0 18%,var(--streak-3) 18% 19.2%,transparent 19.2% 26%);animation:travel-streaks 38s linear infinite reverse}[data-theme=light] body{background:radial-gradient(circle at 10% 10%,rgba(255,107,53,.18),transparent 40%),radial-gradient(circle at 85% 15%,rgba(0,188,212,.18),transparent 45%),radial-gradient(circle at 50% 90%,rgba(244,211,94,.2),transparent 45%),linear-gradient(135deg,#f7f7ff,#eef2ff 55%,#fff);color:#0f172a}.app{max-width:1200px;margin:0 auto;padding:24px;position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;gap:12px}header{margin-bottom:0;flex-shrink:0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}h1{margin:0;font-size:36px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-2) 0%,var(--accent) 40%,var(--accent-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(61,231,247,.45)) drop-shadow(0 0 8px rgba(255,122,89,.35));animation:title-glow 3s ease-in-out infinite}[data-theme=light] h1{filter:drop-shadow(0 0 12px rgba(255,107,53,.35)) drop-shadow(0 0 6px rgba(0,188,212,.3))}h2{margin:0 0 12px;font-size:20px;color:#f8fafc}[data-theme=light] h2{color:#0f172a}.grid{display:flex;gap:16px;flex:1;min-height:0}.card{background:linear-gradient(160deg,#1e293b8c,#0f172ad9);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:float-in .52s ease-out both;min-height:0;display:flex;flex-direction:column;overflow:hidden}.grid>.card{flex:1 1 0;min-width:0}[data-theme=light] .card{background:linear-gradient(160deg,#fffffff2,#eef2ffd9)}.form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}input,select,button{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0a0c20e6;color:#f8fafc;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}[data-theme=light] input,[data-theme=light] select{background:#fffffff2;color:#0f172a}[data-theme=light] button{background:#00bcd426;border-color:#00bcd466;color:#00bcd4;box-shadow:0 0 20px #00bcd44d,inset 0 0 20px #00bcd414}[data-theme=light] button.btn-add{background:#22c55e26;border-color:#22c55e66;color:#22c55e;box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #22c55e14}[data-theme=light] button.btn-allot{background:#ff6b3526;border-color:#ff6b3566;color:#ff6b35;box-shadow:0 0 20px #ff6b354d,inset 0 0 20px #ff6b3514}[data-theme=light] button.btn-release{background:#00bcd426;border-color:#00bcd466;color:#00bcd4;box-shadow:0 0 20px #00bcd44d,inset 0 0 20px #00bcd414}[data-theme=light] button.danger{background:#ff5e5e26;border-color:#ff5e5e66;color:#ff6b6b}input,select{flex:1;min-width:120px}input:focus,select:focus{outline:none;border-color:#3de7f7b3;box-shadow:0 0 0 3px #3de7f726}button{background:#3de7f726;border:1.5px solid rgba(61,231,247,.4);color:#0ff;cursor:pointer;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #3de7f766,inset 0 0 20px #3de7f71a;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}button.btn-add{background:#22c55e26;border-color:#22c55e66;color:#4ade80;box-shadow:0 0 20px #22c55e59,inset 0 0 20px #22c55e14}button.btn-allot{background:#ff7a5926;border-color:#ff7a5966;color:#f96;box-shadow:0 0 20px #ff7a5959,inset 0 0 20px #ff7a5914}button.btn-release{background:#3de7f726;border-color:#3de7f766;color:#0ff;box-shadow:0 0 20px #3de7f766,inset 0 0 20px #3de7f71a}button.danger{background:#ff5e5e26;border-color:#ff5e5e66;color:#ff6b6b;box-shadow:0 0 20px #ff5e5e59,inset 0 0 20px #ff5e5e14}.theme-toggle{background:#3de7f71f;color:#0ff;border:1px solid rgba(61,231,247,.3);box-shadow:0 0 15px #3de7f733;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle:hover{background:#3de7f733;box-shadow:0 0 20px #3de7f759}[data-theme=light] .theme-toggle{background:#ff6b351f;color:#ff6b35;border-color:#ff6b354d;box-shadow:0 0 15px #ff6b3533}[data-theme=light] .theme-toggle:hover{background:#ff6b3533;box-shadow:0 0 20px #ff6b3559}.list{display:flex;flex-direction:column;gap:8px}.rooms-list,.guests-list{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.rooms-list::-webkit-scrollbar{width:8px}.guests-list::-webkit-scrollbar{width:8px}.rooms-list::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.guests-list::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.rooms-list::-webkit-scrollbar-thumb{background:#3de7f780;border-radius:999px}.guests-list::-webkit-scrollbar-thumb{background:#3de7f780;border-radius:999px}[data-theme=light] .rooms-list::-webkit-scrollbar-track{background:#94a3b84d}[data-theme=light] .guests-list::-webkit-scrollbar-track{background:#94a3b84d}[data-theme=light] .rooms-list::-webkit-scrollbar-thumb{background:#ff6b3573}[data-theme=light] .guests-list::-webkit-scrollbar-thumb{background:#ff6b3573}.occupancy-summary{margin:0 0 12px;color:var(--text-muted);font-size:14px}.occupancy-value{font-weight:700}.occupancy-value.available{color:#4ade80}.occupancy-value.booked{color:#f87171}.list-item{padding:12px;border-radius:14px;border:1px solid var(--border);background:#0b0f21d1;display:flex;justify-content:space-between;gap:8px;align-items:center;transition:transform .18s ease,border-color .18s ease}[data-theme=light] .list-item{background:#ffffffd9}.list-item:hover{transform:translateY(-1px);border-color:#ffe66d80}.meta{color:var(--text-muted);font-size:13px}.allotment-rate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.allotment-rate-card{border:1px solid var(--border);background:#080d1eb3;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}[data-theme=light] .allotment-rate-card{background:#ffffffe6}.allotment-rate-type{font-size:12px;color:var(--text-muted)}.allotment-rate-value{font-size:14px;font-weight:700;color:#67e8f9}[data-theme=light] .allotment-rate-value{color:#0f766e}.actions{display:flex;gap:8px}.guest-item{align-items:flex-start;gap:12px}.guest-content{display:flex;flex-direction:column;gap:8px}.guest-name{font-size:20px;line-height:1.1}.guest-phone{font-size:14px;letter-spacing:.2px}.guest-badges{display:flex;flex-wrap:wrap;gap:8px}.guest-room-tag{background:#3b82f638;color:#93c5fd}.guest-days-tag{background:#a855f738;color:#e9d5ff}[data-theme=light] .guest-room-tag{background:#2563eb1f;color:#1d4ed8}[data-theme=light] .guest-days-tag{background:#9333ea1f;color:#7e22ce}.tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#6366f133;color:#e0e7ff;margin-top:6px}[data-theme=light] .tag{background:#3b82f626;color:#1d4ed8}.tag.success{background:#34d39933;color:#34d399}.tag.warning{background:#fbbf2433;color:#fbbf24}.banner{padding:12px;border-radius:10px;margin-bottom:12px;border:1px solid transparent}.banner.error{background:#f871712e;color:#fee2e2;border-color:#f8717173}.banner.info{background:#4ade8024;color:#dcfce7;border-color:#4ade8059}@keyframes float-in{0%{transform:translateY(8px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes travel-streaks{0%{background-position:0% 0%}to{background-position:220% 220%}}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 16px rgba(61,231,247,.45)) drop-shadow(0 0 8px rgba(255,122,89,.35))}50%{filter:drop-shadow(0 0 24px rgba(61,231,247,.6)) drop-shadow(0 0 12px rgba(255,122,89,.5))}}@media (max-width: 640px){.app{padding:16px}.grid{gap:12px}.actions{flex-direction:column}.guest-name{font-size:22px}.allotment-rate-list{grid-template-columns:1fr}}