@font-face{font-family:Belleza;src:url(/belleza.woff2)format("woff2");font-display:swap}:root{--olive:#2b3720;--olive-2:#3b4b2d;--olive-3:#5d6438;--cream:#f1e8d2;--cream-2:#e6dcc1;--paper:#fbf6ea;--gold:#c9a14a;--gold-soft:#ead9ae;--danger:#8e2f23;letter-spacing:0;color:var(--olive);background:var(--cream);font-family:Tajawal,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.brand{align-items:center;gap:14px;display:flex}.brand-key{width:auto;height:56px}.brand-name{margin:0;font-size:22px;font-weight:700}.descriptor{opacity:.8;margin:2px 0 0;font-size:13px}.descriptor.en{text-align:right;direction:ltr;font-family:Belleza,sans-serif}.brand.compact .brand-key{height:36px}.brand.compact .brand-name{font-size:17px}.brand.compact .descriptor{font-size:11px}.brand.compact .descriptor.en{display:none}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--paper);border:1px solid var(--cream-2);border-radius:16px;width:100%;max-width:400px;padding:28px 24px}.card .brand{margin-bottom:24px}form{gap:14px;display:grid}label{gap:6px;font-weight:500;display:grid}input{font:inherit;border:1px solid var(--cream-2);color:var(--olive);background:#fff;border-radius:10px;padding:12px}input:focus{outline:2px solid var(--gold);border-color:#0000}button[type=submit],button.primary{background:var(--olive);color:var(--cream);border:0;border-radius:10px;padding:12px;font-weight:700}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--olive);border:1px solid var(--olive-3);background:0 0;border-radius:999px;padding:6px 14px;font-size:14px}button.link{color:var(--olive);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.error{color:var(--danger)}.muted{opacity:.7}.app{grid-template-columns:minmax(0,1fr) 240px;min-height:100vh;display:grid}.sidebar{background:var(--olive);height:100vh;color:var(--cream);flex-direction:column;grid-area:1/2;gap:24px;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar .brand-name{color:var(--cream)}.sidebar .descriptor{color:var(--cream-2)}.sidebar .brand-key{filter:brightness(0)saturate()invert(72%)sepia(35%)saturate(611%)hue-rotate(5deg)brightness(90%)}.side-nav{gap:4px;display:grid}.side-nav a{color:var(--cream-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.side-nav a:hover{background:var(--olive-2);color:var(--cream)}.side-nav a[aria-current=page]{background:var(--cream);color:var(--olive);font-weight:700}.nav-icon{text-align:center;width:20px;font-size:16px}.account{border-top:1px solid var(--olive-2);margin-top:auto;padding-top:14px;font-size:13px}.account p{margin:0 0 4px}.owner-name{font-size:15px;font-weight:700}.account-meta{opacity:.75}.sidebar button.link{color:var(--gold)}.screen{grid-area:1/1;min-width:0;padding:24px 28px}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}h1{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:26px;display:flex}.count{opacity:.7;font-size:14px;font-weight:500}h2{margin:0 0 12px;font-size:20px}h3{opacity:.8;margin:16px 0 8px;font-size:15px;font-weight:700}.saved{background:var(--gold-soft);border-radius:10px;padding:10px 14px;font-weight:500}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:10;flex-direction:row;grid-area:2/1;gap:0;height:auto;padding:6px 8px;position:sticky;top:auto;bottom:0}.sidebar .brand,.sidebar .account{display:none}.side-nav{grid-auto-columns:1fr;grid-auto-flow:column;width:100%}.side-nav a{flex-direction:column;justify-content:center;gap:2px;padding:6px;font-size:12px}.screen{padding:16px}.mobile-only{display:block}}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.seg{background:var(--paper);border:1px solid var(--cream-2);border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--olive);background:0 0;border:0;border-radius:999px;padding:6px 14px}.seg button[aria-selected=true]{background:var(--olive);color:var(--cream)}.search{border-radius:999px;flex:1;min-width:200px;padding:9px 14px}.table-wrap{background:var(--paper);border:1px solid var(--cream-2);border-radius:14px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:start;opacity:.7;border-bottom:1px solid var(--cream-2);white-space:nowrap;padding:10px 12px;font-weight:500}.table td{border-bottom:1px solid var(--cream-2);white-space:nowrap;padding:10px 12px}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#fff}.table tr.is-now td:first-child{box-shadow:inset -4px 0 0 var(--gold)}.table .strong{font-weight:700}.mono-ish{text-align:right;font-family:Belleza,sans-serif}.panel-form{gap:18px;max-width:720px;display:grid}.panel-form h2{margin:0;font-size:24px}fieldset{border:1px solid var(--cream-2);background:var(--paper);border-radius:14px;gap:12px;margin:0;padding:16px;display:grid}legend{padding:0 6px;font-weight:700}select,textarea{font:inherit;border:1px solid var(--cream-2);color:var(--olive);background:#fff;border-radius:10px;padding:11px 12px}textarea{resize:vertical}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.hint{opacity:.7;margin:-4px 0 0;font-size:13px}label.check{align-items:center;gap:10px;font-weight:500;display:flex}label.check input{width:18px;height:18px}.form-actions{gap:10px;display:flex}.form-actions .primary{padding:12px 22px}.form-actions .secondary{padding:10px 18px}.sheet-edit{width:100%;margin-top:18px}.sheet-note{margin-top:16px}.unit-edit{grid-column:2;justify-self:start;margin-top:6px;font-size:13px}@media (width<=600px){.row2,.row3{grid-template-columns:1fr}}.tag{background:var(--cream-2);color:var(--olive-3);direction:ltr;border-radius:6px 14px 14px 6px;align-items:center;gap:6px;padding:6px 10px 6px 8px;font-family:Belleza,sans-serif;font-size:14px;line-height:1;display:inline-flex}.tag:before{content:"";background:var(--cream);border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 0 1px #2b372040}.tag.on{background:var(--olive);color:var(--gold)}.tag.on:before{background:var(--cream);box-shadow:none}.tag.big{padding:9px 14px 9px 10px;font-size:18px}.tonight{background:var(--olive);color:var(--cream);border-radius:16px;margin-bottom:20px;padding:18px 20px}.tonight-figure{margin:0 0 12px;font-size:16px}.tonight-figure strong{color:var(--gold);margin-inline-end:6px;font-family:Belleza,sans-serif;font-size:40px;line-height:1}.keyrow{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tonight .tag{background:var(--olive-2);color:var(--cream-2)}.tonight .tag.on{background:var(--gold);color:var(--olive)}.days{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.day{background:var(--paper);border:1px solid var(--cream-2);border-radius:16px;padding:18px}.day h2{align-items:baseline;gap:10px;display:flex}.day-date{opacity:.7;font-size:14px;font-weight:500}.moves{gap:8px;margin:0;padding:0;list-style:none;display:grid}.move{text-align:start;border:1px solid var(--cream-2);width:100%;color:var(--olive);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;grid-template-areas:"tag guest""tag meta";align-items:center;column-gap:12px;padding:10px 12px;display:grid}.move:hover{border-color:var(--olive-3)}.move .tag{grid-area:tag}.move-guest{grid-area:guest;font-weight:700}.move-meta{opacity:.7;grid-area:meta;font-size:13px}.move.in{border-inline-start:4px solid var(--olive)}.move.out{border-inline-start:4px solid var(--gold)}.cal-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cal-bar h2{margin:0}.cal-nav{flex-wrap:wrap;gap:8px;display:flex}.cal-scroll{background:var(--paper);border:1px solid var(--cream-2);border-radius:16px;overflow-x:auto}.cal-grid{--label:150px;--day:44px;min-width:calc(var(--label) + var(--days) * var(--day));display:grid}.cal-row{grid-template-columns:var(--label) repeat(var(--days), var(--day));border-bottom:1px solid var(--cream-2);align-items:stretch;min-height:52px;display:grid}.cal-row:last-child{border-bottom:0}.cal-label{z-index:2;background:var(--paper);border-inline-end:1px solid var(--cream-2);grid-area:1/1;align-items:center;gap:8px;padding:0 10px;display:flex;position:sticky;right:0}.cal-unit-name{opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cal-head{min-height:56px}.cal-day{flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex}.cal-day .dd{font-family:Belleza,sans-serif;font-size:16px}.cal-day.is-today{background:var(--gold);color:var(--olive);border-radius:10px 10px 0 0;font-weight:700}.cal-cell{border-inline-start:1px solid #e6dcc199}.cal-cell.is-weekend,.cal-day.is-weekend{background:#e6dcc173}.cal-cell.is-today{background:var(--gold-soft)}.cal-stay{background:var(--olive-3);min-width:0;height:34px;color:var(--cream);text-align:start;z-index:1;border:0;border-radius:17px;align-self:center;margin:0 3px;padding:0 10px;font-size:12px;overflow:hidden}.cal-stay span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cal-stay.now{background:var(--olive)}.cal-stay.cut-start{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:0}.cal-stay.cut-end{border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:0}.cal-stay:hover{outline:2px solid var(--gold)}.units{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.units li{border:1px solid var(--cream-2);background:var(--paper);border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"code names""code meta";align-items:center;column-gap:14px;padding:14px;display:grid}.units li.inactive{opacity:.5}.units .tag{grid-area:code}.units .names{flex-wrap:wrap;grid-area:names;align-items:baseline;gap:8px;display:flex}.units .names small{opacity:.7;font-family:Belleza,sans-serif}.units .meta{opacity:.75;grid-area:meta;font-size:13px}.sheet-backdrop{z-index:20;background:#2b372059;justify-content:flex-start;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:min(420px,100%);height:100%;padding:22px;overflow-y:auto;box-shadow:0 0 40px #2b372040}.sheet header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sheet h2{margin:0}.sheet-code{color:var(--olive-3);text-align:right;margin:0 0 4px;font-family:Belleza,sans-serif}.sheet dl{gap:0;margin:0;display:grid}.sheet dl div{border-bottom:1px solid var(--cream-2);grid-template-columns:110px 1fr;gap:10px;padding:10px 0;display:grid}.sheet dt{opacity:.7;font-size:14px}.sheet dd{margin:0;font-weight:500}@media (width<=600px){.brand.compact .descriptor{display:none}.cal-grid{--label:64px;--day:40px}.cal-unit-name{display:none}.tonight-figure strong{font-size:32px}}
