@import url('./calc.css');

:root{
  --bg:#07101a;--panel:#0b1521;--panel2:#101c2b;--border:#20334a;--border2:#36577d;
  --text:#edf5ff;--muted:#8294aa;--muted2:#a8b8ca;--accent:#f0a500;--green:#32d583;
  --orange:#f59e0b;--red:#ef4444;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:radial-gradient(circle at 20% 0,#152b45 0,transparent 34%),var(--bg);color:var(--text);font-family:'IBM Plex Sans',sans-serif;min-height:100vh}
.site-header{max-width:1440px;margin:auto;padding:24px 28px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:baseline;gap:10px;color:var(--text);text-decoration:none}.brand span{color:var(--accent);font-weight:900;letter-spacing:1px}.brand strong{font-size:20px}
.header-note{color:var(--muted2);font-size:13px}
main{max-width:1440px;margin:auto;padding:12px 24px 40px}.calc-subpanel{display:block}.hotel-rent-tool{margin:0}
.calc-kicker{font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.calc-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border2);border-radius:11px;padding:9px 12px;background:#111f30;color:var(--text);font:800 12px 'IBM Plex Sans',sans-serif;cursor:pointer}
.calc-quick-btn.primary{background:var(--accent);border-color:var(--accent);color:#15100a}.calc-quick-btn:disabled{opacity:.55;cursor:not-allowed}
.fl label{display:block;color:var(--muted2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
#toast{position:fixed;right:22px;bottom:22px;z-index:20;padding:12px 16px;border:1px solid var(--border2);border-radius:12px;background:#122238;color:var(--text);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}
#toast.on{opacity:1;transform:none}footer{padding:10px 24px 28px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column;padding:18px 14px 6px}main{padding:10px 10px 30px}.header-note{font-size:12px}}