:root{--color-page:#faf7f2;--color-surface:#fffdf8;--color-border:#e0d6c8;--color-border-subtle:#ede7de;--color-text:#28190e;--color-text-muted:#8a7b6c;--color-text-faint:#c4b8a8;--color-teal:#1d9e75;--color-teal-bg:#e3f5ee;--color-teal-text:#0a5c45;--color-amber-bg:#faf0da;--color-amber-text:#6b3c07;--color-tag-bg:#ede7de;--color-tag-text:#6b5c4c;--font-sans:system-ui,-apple-system,sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--border-width:.5px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;line-height:1.45}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.header{background:var(--color-surface);border-bottom:var(--border-width)solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-logo{border-radius:var(--radius-sm);background:var(--color-teal);color:#fff;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.header-appname{font-size:15px;font-weight:500}.header-sub{color:var(--color-text-muted);font-size:12px}.header-user{align-items:center;gap:10px;display:flex}.header-email{color:var(--color-text-muted);font-size:12px}.header-avatar{background:var(--color-teal-bg);width:28px;height:28px;color:var(--color-teal-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.btn-signout{border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:0 0;padding:6px 12px;font-size:12px}.btn-signout:hover{background:var(--color-border-subtle);color:var(--color-text)}.portal{max-width:760px;margin:0 auto;padding:40px 24px 32px}.portal-greeting{margin:0 0 2px;font-size:20px;font-weight:500}.portal-sub{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.tile{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);padding:18px;display:block}a.tile:hover{border-color:var(--color-text-faint)}.tile-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tile-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.tile-icon.neutral{background:var(--color-tag-bg);color:var(--color-text)}.tile-icon.teal{background:var(--color-teal-bg);color:var(--color-teal-text)}.tile-icon.amber{background:var(--color-amber-bg);color:var(--color-amber-text)}.tile-arrow{color:var(--color-text-faint)}a.tile:hover .tile-arrow{color:var(--color-text-muted)}.tile-badge{background:var(--color-amber-bg);color:var(--color-amber-text);border-radius:20px;padding:2px 8px;font-size:11px}.tile-name{margin:0 0 3px;font-size:15px;font-weight:500}.tile-desc{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.tile.soon{opacity:.85}.portal-note{background:var(--color-teal-bg);border-radius:var(--radius-lg);color:var(--color-teal-text);align-items:center;gap:8px;margin-top:22px;padding:10px 14px;font-size:12px;display:flex}.btn-primary{background:var(--color-teal);color:#fff;border-radius:var(--radius-md);border:none;padding:9px 16px;font-size:13px;font-weight:500}.btn-primary:hover{filter:brightness(.96)}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:340px;padding:32px}.login-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.login-logo{border-radius:var(--radius-sm);background:var(--color-teal);width:26px;height:26px}.login-appname{font-size:17px;font-weight:500}.login-sub{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.login-btn{width:100%}.reserve-page{max-width:720px;margin:0 auto;padding:28px 24px 64px}.appbar{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:22px;display:flex}.appbar-back{color:var(--color-text-muted);font-size:13px}.appbar-back:hover{color:var(--color-teal)}.appbar-title{margin:0;font-size:22px;font-weight:600}.status-board{margin-bottom:28px}.status-board-head{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:12px;font-size:12px;font-weight:600}.status-group{margin-bottom:14px}.status-group .res-group-title{margin-bottom:8px}.status-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.status-card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;padding:8px;display:flex}.status-photo{aspect-ratio:1;border-radius:var(--radius-md);border:var(--border-width)solid var(--color-border);background:#fff;width:100%;margin-bottom:8px;overflow:hidden}.res-thumb.lg{border:none;border-radius:0;width:100%;height:100%}.status-name{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:13px;font-weight:500;overflow:hidden}.status-label{align-items:center;gap:6px;margin-top:3px;padding:0 2px;font-size:11px;font-weight:500;display:flex}.status-dot{border-radius:50%;flex:none;width:8px;height:8px}.status-card.free .status-label{color:var(--color-teal-text)}.status-card.free .status-dot{background:var(--color-teal)}.status-card.busy .status-label{color:#8c2a18}.status-card.busy .status-dot{background:#d1432a}.reserve-card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:28px;padding:18px}.reserve-title{margin:0 0 14px;font-size:14px;font-weight:600}.reserve-grid{flex-wrap:wrap;gap:12px;display:flex}.field{color:var(--color-text-muted);flex-direction:column;flex:1;gap:4px;min-width:140px;font-size:12px;display:flex}.field-wide{flex-basis:100%}.field-row{flex:1;gap:10px;min-width:200px;display:flex}.field select,.field input{color:var(--color-text);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-page);padding:7px 9px;font-size:14px}.field select:focus,.field input:focus{border-color:var(--color-teal);outline:none}.reserve-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;display:flex}.allday-toggle{color:var(--color-text);cursor:pointer;align-items:center;gap:7px;font-size:14px;display:inline-flex}.reserve-mode{margin-bottom:16px}.allday-toggle input{width:16px;height:16px;accent-color:var(--color-teal)}.reserve-msg{border-radius:var(--radius-sm);margin-top:12px;padding:8px 12px;font-size:13px}.reserve-msg.ok{background:var(--color-teal-bg);color:var(--color-teal-text)}.reserve-msg.error{color:#8c2a18;background:#fdecea}.res-group{margin-bottom:26px}.res-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 10px;font-size:12px;font-weight:600}.res-list{flex-direction:column;gap:12px;display:flex}.res-card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px}.res-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.res-name{font-size:15px;font-weight:500}.res-thumb{border-radius:var(--radius-md);object-fit:contain;border:var(--border-width)solid var(--color-border);background:#fff;flex:none}.res-thumb.fit-cover{object-fit:cover}.res-thumb.fit-contain{object-fit:contain}.res-thumb.md{width:52px;height:52px}.res-thumb.sm{border-radius:var(--radius-sm);width:26px;height:26px}.res-thumb-fallback{color:var(--color-text-faint);border:var(--border-width)solid var(--color-border);justify-content:center;align-items:center;display:inline-flex}.res-empty{color:var(--color-text-faint);margin:0;font-size:13px}.booking-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.booking-row{border-top:var(--border-width)solid var(--color-border-subtle);align-items:center;gap:10px;padding:7px 0;display:flex}.booking-row:first-child{border-top:none}.booking-info{flex-direction:column;flex:1;min-width:0;display:flex}.avatar-stack{flex:none;display:inline-flex}.avatar-stack .avatar:not(:first-child){margin-left:-8px}.avatar{color:#fff;border:2px solid var(--color-surface);box-sizing:border-box;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.booking-when{font-size:13px;font-weight:500}.booking-who{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cancel-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-faint);background:0 0;flex:none;font-size:17px;line-height:1}.cancel-btn:hover:not(:disabled){color:#8c2a18;background:#fdecea}