:root{--sea:#0a4fa8;--sea-deep:#071a2e;--wave:#3aa0e8;--sun:#f5c518;--sun-hot:#ffe27a;--sky:#7ec8f5;--cloud:#f4fbff;--tree:#3d9a46;--bark:#6d4c41;--earth:#8ec5f2;--ink:#132238;--muted:#5b6b7c;--line:#d5e2ee;--card:#fff;--ok:#1f8a5a;--warn:#c47b12;--danger:#c23b3b;--bg:#e8f0f7}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.topbar,.nav-scrim,.menu-close{display:none}.side{color:#eaf4ff;background:linear-gradient(#0b2a4a 0%,#061525 100%);flex-direction:column;gap:.4rem;padding:.85rem .75rem 1.2rem;display:flex}.brand{align-items:center;gap:.55rem;padding:.35rem .4rem .9rem;display:flex}.brand img.logo{mix-blend-mode:screen;width:148px;height:auto}.prop-logo{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:48px;height:48px;padding:3px}.brand-copy{flex:1;min-width:0}.brand-copy strong{color:#fff;font-size:.95rem;line-height:1.2;display:block}.brand-copy small{color:#8fb3d4;font-size:.72rem;display:block}.prop-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:750;overflow:hidden}.nav{flex-direction:column;flex:1;gap:.15rem;display:flex}.nav .group{letter-spacing:.12em;text-transform:uppercase;color:#7aa0c2;padding:.7rem .75rem .25rem;font-size:.68rem}.nav a{color:#cfe4f8;border-radius:10px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.nav a:hover,.nav a.active{background:color-mix(in srgb, var(--wave) 30%, transparent);color:#fff}.nav .badge{background:var(--sun);color:#132238;border-radius:999px;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.side-foot{border-top:1px solid #1d3d5c;align-items:center;gap:.55rem;margin-top:auto;padding:.7rem .5rem .2rem;display:flex}.side-foot img{object-fit:cover;background:#123;border-radius:50%;width:42px;height:42px}.side-foot small{color:#8fb3d4;display:block}.main{min-width:0;padding:1rem 1.25rem 2rem}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.top h1{margin:0;font-size:1.55rem}.sub{color:var(--muted);margin-top:.2rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.95rem 1.05rem;box-shadow:0 10px 28px #0b2a4a0f}.card h3{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .45rem;font-size:.75rem}.n{color:var(--sea);font-size:1.65rem;font-weight:750;line-height:1.1}.delta{font-size:.78rem;font-weight:650}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.grid-2{grid-template-columns:1.35fr 1fr;gap:.8rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:.8rem;display:grid}.spark{width:100%;height:42px;display:block}.donut-wrap{align-items:center;gap:1rem;display:flex}.legend{color:var(--muted);gap:.25rem;font-size:.82rem;display:grid}.pill{border-radius:999px;align-items:center;gap:.25rem;padding:.12rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.pill.soon{color:var(--sea);background:#e8f4ff}.pill.in{color:var(--ok);background:#e5f7ed}.pill.out{color:var(--warn);background:#fff4d6}.pill.block{color:var(--bark);background:#efe8e4}.pill.req{color:#9a5a00;background:#ffe9c7}.pill.live{color:#d8ffe8;background:#143}.pill.dead{color:var(--danger);background:#fde8e8}.btn{background:var(--sea);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.42rem .75rem;font-weight:650}.btn.ghost{color:var(--sea);background:#e7f1fb}.btn.sun{background:var(--sun);color:#132238}.btn.warn{color:var(--warn);background:#fff1d6}.input,select{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:.42rem .6rem}.table-wrap{overflow:auto}table.grid{border-collapse:collapse;width:100%;font-size:.9rem}table.grid th{text-align:left;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);cursor:pointer;white-space:nowrap;padding:.5rem .4rem;font-size:.75rem}table.grid td{white-space:nowrap;border-bottom:1px solid #edf2f7;padding:.55rem .4rem}table.grid tbody tr:hover{background:#f5faff}table.grid tbody tr.clickable{cursor:pointer}.pager{color:var(--muted);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem;font-size:.82rem;display:flex}.week-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.week{grid-template-columns:110px repeat(14,minmax(64px,1fr));gap:3px;min-width:1040px;font-size:.72rem;display:grid}.week>div{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:52px;padding:.2rem}.week .h{color:var(--muted);background:0 0;border:0;min-height:0;font-weight:650}.week .cell{padding:2px}.seg{color:#fff;text-align:left;cursor:pointer;width:100%;height:100%;min-height:44px;font:inherit;border:0;border-radius:6px;flex-direction:column;justify-content:center;gap:1px;padding:.12rem .28rem;display:flex;overflow:hidden}.seg-code{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:750;line-height:1.15;overflow:hidden}.seg-name{opacity:.95;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:500;overflow:hidden}.seg.stay{background:var(--wave)}.seg.stay.in{box-shadow:inset 4px 0 0 var(--tree)}.seg.stay.last{background:linear-gradient(90deg, var(--wave) 62%, #0a4fa8);box-shadow:inset -5px 0 0 var(--sun)}.seg.stay.out{background:#0a4fa8;min-height:44px}.seg.block{background:var(--bark)}.seg.block.last,.seg.block.out{box-shadow:inset -5px 0 #c47b12}.seg.hold{background:var(--sun);color:#132238}.seg.hold.last,.seg.hold.out{box-shadow:inset -5px 0 #c47b12}.cell-split{grid-template-columns:1fr 1fr;gap:2px;height:100%;display:grid}.checkout-mark{color:#9a5a00;cursor:pointer;background:repeating-linear-gradient(-45deg,#fff8d6,#fff8d6 5px,#fff 5px 9px);border:1.5px dashed #e0b000;border-radius:6px;place-items:center;width:100%;height:100%;min-height:44px;font-size:.62rem;font-weight:750;display:grid}.occ-legend{flex-wrap:wrap;align-items:stretch;gap:.45rem;margin:-.4rem 0 .75rem;display:flex}.occ-legend .seg.demo,.occ-legend .checkout-mark.demo{cursor:default;width:auto;height:36px;min-height:36px;padding:0 .55rem}.month{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.month .d{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:78px;padding:.35rem;font-size:.78rem}.month .d .pct{font-weight:750}.heat-0{background:#f4faf4}.heat-1{background:#d9f0e2}.heat-2{background:#b9e0f5}.heat-3{color:#fff;background:#7eb8e8}.heat-4{color:#fff;background:#0a4fa8}.avail{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.28rem .65rem;font-size:.82rem}.chip.on{background:var(--sea);color:#fff;border-color:var(--sea)}.unit-avail{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;display:grid}.unit-avail .u{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.7rem}.unit-avail .u.free{outline:2px solid var(--tree)}.unit-avail .u.busy{outline:2px solid var(--wave)}.bars{align-items:flex-end;gap:6px;height:110px;display:flex}.bars i{background:linear-gradient(180deg, var(--wave), var(--sea));border-radius:6px 6px 2px 2px;width:100%;display:block}.login{background:linear-gradient(#061525,#0b2a4a);grid-template-columns:1.1fr .9fr;min-height:100dvh;display:grid}.login-copy{place-items:center;padding:2rem;display:grid}.login-copy img.hero-logo{mix-blend-mode:screen;width:min(420px,80%)}.login-card{background:#f4f8fc;place-items:center;display:grid}.login-card .box{text-align:center;background:#fff;border-radius:20px;width:min(380px,88%);padding:1.6rem 1.5rem 1.4rem;box-shadow:0 18px 50px #0000001f}.login-card .mascot{filter:drop-shadow(0 8px 16px #0a4fa840);width:96px;margin:-64px auto .4rem}.gbtn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:100%;margin-top:1rem;padding:.8rem;font-weight:700}.hidden{display:none!important}.quick{background:linear-gradient(#1a4a78,#0e3154);border:1px solid #f5c51866;border-radius:14px;grid-template-columns:1fr 1fr;gap:.35rem;margin:.2rem 0 .55rem;padding:.55rem;display:grid}.quick button{letter-spacing:.02em;cursor:pointer;background:var(--sun);color:#132238;border:0;border-radius:10px;padding:.45rem .35rem;font-size:.72rem;font-weight:750}.quick button:nth-child(3),.quick button:nth-child(4){color:var(--sea);background:#e8f4ff}.main.fill{flex-direction:column;min-height:100dvh;display:flex}.card.fill-table{flex-direction:column;flex:1;min-height:0;display:flex}.card.fill-table .table-wrap{flex:1;min-height:52vh}.thumb{object-fit:cover;background:linear-gradient(135deg, var(--wave), var(--sea));vertical-align:middle;border-radius:7px;width:42px;height:32px;margin-right:.4rem;display:inline-block}.u .thumb{width:100%;height:88px;margin:0 0 .45rem;display:block}.modal{z-index:40;background:#071a2e8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal .sheet{background:#fff;border-radius:18px;width:min(520px,100%);padding:1.1rem 1.15rem;box-shadow:0 24px 60px #00000040}.modal .sheet.record{width:min(680px,100%);max-height:90dvh;overflow:auto}.record-head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.85rem;display:flex}.record-head h2{margin:0 0 .35rem;font-size:1.2rem}.record-dl{gap:.35rem;display:grid}.record-row{grid-template-columns:140px 1fr;gap:.5rem;font-size:.88rem;display:grid}.record-row dt{color:var(--muted)}.record-row dd{overflow-wrap:anywhere;margin:0}.record-json{background:#f4f8fc;border-radius:10px;padding:.6rem;font-size:.78rem;overflow:auto}.modal label,.editor label,.lookup{color:var(--muted);margin:.55rem 0 .2rem;font-size:.78rem;display:block}.editor{gap:.15rem;display:grid}.editor .input,.lookup .input,.editor textarea{width:100%}.editor textarea{resize:vertical;min-height:7rem}.form-error{color:var(--danger);margin-top:.5rem;font-size:.85rem}.media-panel{margin-top:1rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;display:grid}.media-card{border:1px solid var(--line);background:#f4f8fc;border-radius:10px;margin:0;overflow:hidden}.media-card img{object-fit:cover;width:100%;height:110px;display:block}.media-card figcaption{justify-content:space-between;align-items:center;gap:.3rem;padding:.35rem .45rem;font-size:.72rem;display:flex}.media-add{margin-top:.7rem;display:block}.media-add input{margin-top:.3rem;display:block}.invite-form{margin-bottom:1rem}.role-picks{flex-wrap:wrap;gap:.45rem .9rem;margin:.55rem 0 .7rem;display:flex}.role-picks .chk{color:var(--ink);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.invite-url{word-break:break-all;margin-top:.4rem;font-size:.75rem;display:block}.modal .row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.ai-tab{z-index:30;writing-mode:vertical-rl;background:var(--sea);color:#fff;cursor:pointer;border:0;border-radius:10px 10px 0 0;padding:.7rem .4rem;font-weight:750;position:fixed;top:38%;right:0;transform:rotate(180deg)}.ai{color:#eaf4ff;z-index:35;background:#0b2a4a;flex-direction:column;width:min(380px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #00000040}.ai header{border-bottom:1px solid #1d4a72;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.ai .msgs{flex:1;align-content:start;gap:.55rem;padding:.9rem 1rem;display:grid;overflow:auto}.ai .bubble{background:#143a5c;border-radius:12px;padding:.55rem .7rem;font-size:.88rem}.ai .bubble.me{color:#132238;background:#f5c518;justify-self:end}.ai form{border-top:1px solid #1d4a72;gap:.4rem;padding:.75rem;display:flex}.ai input{flex:1}.mix{grid-template-columns:120px 1fr;align-items:center;gap:1rem;display:grid}.mix-bar{border-radius:999px;height:22px;display:flex;overflow:hidden}.mix-bar span{height:100%;display:block}.role-dash{display:none}.role-dash.on{display:block}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3,.login,.modal .row,.mix{grid-template-columns:1fr}}@media (width<=960px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100dvh}.topbar{z-index:28;height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) .75rem 0 max(.55rem, env(safe-area-inset-left,0px));color:#eaf4ff;background:linear-gradient(#0b2a4a 0%,#0a2544 100%);border-bottom:1px solid #1d3d5c;grid-column:1;align-items:center;gap:.65rem;display:flex;position:sticky;top:0}.topbar .prop-logo{width:36px;height:36px}.topbar .prop-title{flex:1;min-width:0}.menu-btn{cursor:pointer;background:#143a5c;border:0;border-radius:10px;place-content:center;gap:5px;width:44px;height:44px;padding:0;display:grid}.menu-btn span{background:#eaf4ff;border-radius:2px;width:18px;height:2px;display:block}.nav-scrim{z-index:40;background:#071a2e8c;border:0;padding:0;display:none;position:fixed;inset:0}.nav-open .nav-scrim{display:block}.side{z-index:50;width:min(300px,88vw);padding-top:max(.85rem, env(safe-area-inset-top,0px));padding-bottom:max(1.2rem, env(safe-area-inset-bottom,0px));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-105%);box-shadow:12px 0 40px #00000059}.side.open{transform:translate(0)}.menu-close{color:#fff;cursor:pointer;background:#143a5c;border:0;border-radius:10px;place-items:center;width:40px;height:40px;margin-left:auto;font-size:1.4rem;line-height:1;display:grid}.nav a,.quick button{min-height:44px}.main{padding:.75rem .75rem 5.5rem}.main.fill{min-height:0}.top h1{font-size:1.28rem}.card{border-radius:14px;padding:.8rem .75rem}.card.fill-table .table-wrap{min-height:40vh}.record-row{grid-template-columns:1fr;gap:.1rem}.modal{align-items:end;padding:.5rem}.modal .sheet,.modal .sheet.record{border-radius:16px 16px 10px 10px;width:100%;max-height:min(92dvh,100%)}.ai{width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.ai-tab{top:auto;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));writing-mode:horizontal-tb;border-radius:999px;padding:.55rem .85rem;right:.75rem;transform:none;box-shadow:0 8px 20px #0a4fa859}.login-copy{padding:1.4rem 1rem .4rem}.login-copy img.hero-logo{width:min(220px,62%)}.login-card{background:0 0;padding-bottom:2rem}.month .d{min-height:52px;font-size:.72rem}.input,select,.btn,.gbtn{font-size:16px}.toolbar .input{width:100%}}@media (width<=520px){.kpis{grid-template-columns:1fr 1fr;gap:.5rem}.n{font-size:1.35rem}.unit-avail{grid-template-columns:1fr 1fr}}