:root{--blue:#0f4c81;--blue-dark:#0b3a63;--ink:#1d2733;--muted:#6b7684;--line:#d9dee5;--line-soft:#eceff3;--bg:#f4f6f9;--card:#fff;--ok:#1a7f37;--warn:#b7791f;--bad:#b42318;--focus:#f59e0b;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:Consolas, "Courier New", monospace;--radius:8px;--shadow:0 1px 2px #1018280f, 0 4px 12px #1018280f;--topbar-h:52px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.4}h1,h2,h3{margin:0 0 8px;font-weight:600;line-height:1.25}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 10px}a,.link{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}a:hover,.link:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-family:var(--mono)}.big{font-size:18px}.error,.bad{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}.nowrap{white-space:nowrap}.right{text-align:right}.spacer{flex:1}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:40;height:var(--topbar-h);background:var(--blue);color:#fff;align-items:center;gap:16px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #10182833}.brand{white-space:nowrap;font-size:16px;font-weight:600}.brand span{color:var(--focus)}.brand.big{font-size:26px}.topbar nav{gap:4px;display:flex}.topbar nav a{color:#ffffffd9;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:14px}.topbar nav a:hover{background:#ffffff1f;text-decoration:none}.topbar nav a.active{color:#fff;background:#fff3;font-weight:600}.topbar-right{align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.whoami{text-align:right;line-height:1.2}.whoami b{font-weight:600;display:block}.whoami span{color:#ffffffbf;font-size:12px}.demo-pill{background:var(--focus);color:#3b2200;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:16px}.footer{color:var(--muted);text-align:center;border-top:1px solid var(--line);padding:14px 16px 22px;font-size:12px}.screen-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);margin-bottom:12px;padding:10px 14px;font-size:14px}.banner-error{color:#7a1a12;background:#fdf3f2;border-color:#f3c0bb}.banner-warn{color:#6b4a0d;background:#fdf8ec;border-color:#f0dcae}.banner-ok{color:#12532a;background:#f1faf3;border-color:#bfe3c8}.empty{text-align:center;color:var(--muted);padding:32px 16px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;min-height:38px;padding:8px 14px;font-size:14px}.btn:hover:not(:disabled){background:#f7f9fc;border-color:#c3cad4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){background:#8f1710;border-color:#8f1710}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:#0f4c8114;border-color:#0000}.btn-small{min-height:30px;padding:4px 10px;font-size:13px}.btn.on{background:var(--blue);border-color:var(--blue);color:#fff}label{color:#3d4a5c;margin-bottom:4px;font-size:13px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=color],select,textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;min-height:38px;padding:8px 10px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline-offset:0;outline:2px solid #0f4c8126}input:disabled,select:disabled{color:var(--muted);background:#f4f6f9}textarea{resize:vertical;min-height:70px}input[type=color]{cursor:pointer;height:38px;padding:2px}.field{margin-bottom:12px}.field-row{gap:10px;display:flex}.field-row>*{flex:1}.check{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:400;display:flex}.check input{width:18px;height:18px;min-height:0;accent-color:var(--blue);flex:none;margin:0}.segmented{border:1px solid var(--line);background:var(--card);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;cursor:pointer;color:var(--ink);border:0;border-right:1px solid var(--line);background:0 0;min-height:36px;padding:7px 14px;font-size:14px}.segmented button:last-child{border-right:0}.segmented button.on{background:var(--blue);color:#fff;font-weight:600}.daypicker{flex-wrap:wrap;gap:4px;display:flex}.daypicker button{border:1px solid var(--line);background:var(--card);width:40px;height:36px;font:inherit;cursor:pointer;border-radius:6px;font-size:13px}.daypicker button.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.pill{background:var(--line-soft);color:#3d4a5c;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pill-ok{color:#12532a;background:#e3f4e8}.pill-warn{color:#6b4a0d;background:#fdf0d7}.pill-error{color:#7a1a12;background:#fbe4e2}.pill-info{color:#0b3a63;background:#e2edf7}table.table{border-collapse:collapse;width:100%;font-size:14px}table.table th,table.table td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:8px 10px}table.table th{color:#3d4a5c;z-index:1;background:#fafbfd;font-weight:600;position:sticky;top:0}table.table td.num,table.table th.num{text-align:right;font-variant-numeric:tabular-nums}table.table tr:hover td{background:#fafbfd}.table-wrap{overflow-x:auto}.swatch{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}.cal-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cal-date{min-width:250px;font-size:18px;font-weight:600}.roomswitch{gap:6px;margin-bottom:8px;padding-bottom:6px;display:none;overflow-x:auto}.roomswitch button{border:1px solid var(--line);background:var(--card);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:7px 14px;font-size:14px;display:flex}.roomswitch button.on{border-color:currentColor;font-weight:600}.calendar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;overflow:hidden}.cal-gutter{border-right:1px solid var(--line);background:#fafbfd;flex:none;width:58px}.cal-gutter .cal-colhead{border-bottom:1px solid var(--line)}.cal-gutter-times{position:relative}.cal-gutter-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;right:6px;transform:translateY(-50%)}.cal-cols{flex:1;display:flex;overflow-x:auto}.cal-col{border-right:1px solid var(--line-soft);flex:1 0 0;min-width:150px}.cal-col:last-child{border-right:0}.cal-colhead{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:2px;height:54px;padding:7px 10px;display:flex}.cal-colhead b{font-size:14px;font-weight:600}.cal-colhead .tiny{color:var(--muted)}.occupancy{background:var(--line-soft);border-radius:2px;height:3px;margin-top:3px;overflow:hidden}.occupancy i{height:100%;display:block}.cal-body{position:relative}.cal-slot{border-bottom:1px solid var(--line-soft);cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;width:100%;padding:0;position:absolute;left:0;right:0}.cal-slot.hour{border-bottom-color:var(--line)}.cal-slot:hover:not(:disabled){background:#0f4c8112}.cal-slot:disabled{cursor:default}.cal-booking{text-align:left;cursor:pointer;border:0;border-left:3px solid;border-radius:5px;padding:4px 7px;font-family:inherit;font-size:12px;line-height:1.25;position:absolute;overflow:hidden;box-shadow:0 1px 2px #10182826}.cal-booking:hover{filter:brightness(1.08)}.cal-booking b{font-weight:600;display:block}.cal-booking .when{opacity:.85;font-size:11px}.cal-booking.is-short{align-items:baseline;gap:6px;padding:3px 7px;display:flex}.cal-booking.is-short b{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.cal-booking.is-short .when{white-space:nowrap;flex:none;font-size:10px}.cal-booking.is-block{background-image:repeating-linear-gradient(45deg,#00000024 0 6px,#0000 6px 12px)}.cal-booking.is-cancelled{opacity:.45;text-decoration:line-through}.cal-now{background:var(--bad);z-index:5;pointer-events:none;height:2px;position:absolute;left:0;right:0}.cal-now:before{content:"";background:var(--bad);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}.modal-backdrop{z-index:100;background:#10182873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:10px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;box-shadow:0 12px 40px #10182847}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.modal-head h2{margin:0}.modal-body{padding:18px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;display:flex}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--ink);color:#fff;border-radius:var(--radius);align-items:flex-start;gap:10px;padding:11px 15px;font-size:14px;display:flex;box-shadow:0 8px 24px #1018284d}.toast.bad{background:var(--bad)}.toast.good{background:var(--ok)}.toast button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;line-height:1}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{background:var(--line-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 11px;font-size:13px;display:inline-flex}.chip button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 3px;font-size:15px;line-height:1}.chip button:hover{color:var(--bad)}.login{background:linear-gradient(160deg, var(--blue) 0%, var(--blue-dark) 100%);justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.login-card{background:var(--card);border-radius:12px;width:100%;max-width:400px;padding:28px;box-shadow:0 16px 48px #00000042}.login-card .brand{color:var(--ink);margin-bottom:4px}.login-card .brand span{color:var(--blue)}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{font:inherit;cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px}.tabs button.on{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}@media (width<=700px){body{font-size:15px}.content{padding:12px}.roomswitch{display:flex}.cal-col{min-width:0}.cal-date{min-width:0;font-size:16px}.cal-head{gap:8px}.cal-head .spacer{display:none}.cal-head input[type=date]{flex:130px;width:auto;min-width:120px}:root{--topbar-h:86px}.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px}.topbar nav{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{padding:6px 10px;font-size:13px}.topbar-right{gap:8px;min-width:0}.whoami{min-width:0;overflow:hidden}.whoami b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.whoami span{display:none}.grid2,.grid3{grid-template-columns:1fr}.field-row{flex-wrap:wrap}.field-row>*{min-width:0}.field-row-when>:first-child{flex:100%}.field-row-when>:not(:first-child){flex:calc(50% - 5px)}input[type=date],input[type=time]{min-width:0}.modal-backdrop{padding:0}.modal{border-radius:0;max-width:100%;height:100%;max-height:100vh}.modal-foot{background:var(--card);position:sticky;bottom:0}.toasts{max-width:none;bottom:12px;left:12px;right:12px}}@media (width<=420px){.topbar nav a{padding:6px 7px}.brand{font-size:15px}}