:root{--bg: #f6f8fb;--surface: #ffffff;--muted: #475569;--text: #0f172a;--border: #e5e7eb;--primary: #0ea5e9;--accent-1: #e0f2fe;--accent-2: #e2e8f0;--busy: #dc2626;--done-bg: #e8f7ee;--done-border: #b6e3c5;--done-text: #166534;--notdone-bg: #fee2e2;--notdone-border: #fecaca;--notdone-text: #991b1b;--pending-bg: #fff7ed;--pending-border: #fde68a;--pending-text: #92400e;--toast-bg: #0b1220;--toast-text: #f8fafc;--toast-success: #16a34a;--toast-error: #dc2626;--toast-warning: #d97706;--ok: #16a34a;--ok-weak: #dcfce7;--bad: #dc2626;--bad-weak: #fee2e2}:root[data-theme=dark]{--bg: #0b1020;--surface: #0c1425;--muted: #94a3b8;--text: #e5e7eb;--border: #1f2937;--busy: #ef4444;--done-bg: #0f1f17;--done-border: #1f3a2b;--done-text: #86efac;--notdone-bg: #3a0d12;--notdone-border: #5c0e17;--notdone-text: #ffb4b4;--pending-bg: #2b2414;--pending-border: #51461d;--pending-text: #fde68a;--toast-bg: #111827;--toast-text: #e5e7eb;--ok: #22c55e;--ok-weak: #0e1a13;--bad: #ef4444;--bad-weak: #2a1212}:root[data-theme=light][data-palette=azul]{--bg:#f2f7ff;--surface:#ffffff;--text:#0b1220;--muted:#4b5563;--border:#dbeafe;--primary:#1d4ed8;--accent-1:#ede9fe;--accent-2:#e9ddff}:root[data-theme=light][data-palette=verde]{--bg:#f1fbf6;--surface:#ffffff;--text:#10231a;--muted:#3f4c46;--border:#c9efe2;--primary:#059669;--accent-1:#d1fae5;--accent-2:#a7f3d0}:root[data-theme=light][data-palette=morado]{--bg:#f7f3ff;--surface:#ffffff;--text:#1f1033;--muted:#574b72;--border:#e9ddff;--primary:#6d28d9;--accent-1:#ede9fe;--accent-2:#ddd6fe}:root[data-theme=light][data-palette=rojo]{--bg:#fff5f5;--surface:#ffffff;--text:#2a0a0a;--muted:#6b3b3b;--border:#fde2e2;--primary:#b91c1c;--accent-1:#fee2e2;--accent-2:#fecaca}:root[data-theme=dark][data-palette=azul]{--bg:#0b1424;--surface:#0e1b30;--text:#dbeafe;--muted:#93a2b7;--border:#14233b;--primary:#60a5fa;--accent-1:#0b1b31;--accent-2:#112645}:root[data-theme=dark][data-palette=verde]{--bg:#0b241c;--surface:#0f2a21;--text:#d1fae5;--muted:#86b0a2;--border:#123428;--primary:#34d399;--accent-1:#0c241e;--accent-2:#113229}:root[data-theme=dark][data-palette=morado]{--bg:#0a0a0a;--surface:#121212;--text:#f5f5f5;--muted:#a3a3a3;--border:#262626;--primary:#e5e5e5;--accent-1:#1a1a1a;--accent-2:#171717}:root[data-theme=dark][data-palette=rojo]{--bg:#2a0b0b;--surface:#3b0e0e;--text:#ffe4e6;--muted:#f5baba;--border:#4a1515;--primary:#f87171;--accent-1:#381212;--accent-2:#4a1818}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;color:var(--text);background:var(--bg)}.container{max-width:1100px;margin:0 auto;padding:20px}.app-header{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.app-header h1{margin:0;font-size:clamp(22px,3vw,32px)}.title-line{display:grid;gap:6px;align-items:start}.title-line h1{line-height:1.15}.trial-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border-radius:999px;background:var(--accent-1);border:1px solid var(--border);color:var(--text);font-weight:800;font-size:12px}.trial-badge-expired{background:var(--bad-weak);border-color:color-mix(in oklab,var(--bad) 40%,var(--border));color:var(--bad)}.sub{color:var(--muted);margin:0}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.theme-toggle{min-width:120px}.hello-user{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:800;font-size:12px}.maint-banner{margin-top:6px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:8px 10px;border-radius:10px;font-size:14px}:root[data-theme=dark] .maint-banner{background:#3a0d12;border-color:#5c0e17;color:#ffb4b4}.info-banner{margin-top:6px;background:#e0f2fe;border:1px solid #bae6fd;color:#0c4a6e;padding:8px 10px;border-radius:10px;font-size:14px}:root[data-theme=dark] .info-banner{background:#0b1b31;border-color:#0f2542;color:#dbeafe}.config-wrap{position:relative}.config-btn{width:42px}.dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 12px 32px #0000002e;z-index:60}.menu-item{width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease;margin:4px 0}.menu-item:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--primary) 35%,var(--border));box-shadow:0 4px 12px #00000014}.week-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:8px 0 10px}.week-range{text-align:center;background:var(--surface);border:1px solid var(--border);padding:10px 12px;border-radius:12px;color:var(--text)}.week-left,.week-right{display:flex}.week-btn{width:100%}.calendar{width:min(33.33%,380px);margin:8px auto 12px;--cal-cell-size: 28px;--cal-font: 12px;--cal-title-font: 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px}.cal-header{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.cal-title{text-align:center;font-weight:800;text-transform:capitalize;font-size:var(--cal-title-font)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;color:var(--muted);font-weight:700;text-align:center;font-size:var(--cal-font)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{height:var(--cal-cell-size);border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease;font-size:var(--cal-font)}.cal-cell:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;border-color:color-mix(in oklab,var(--primary) 35%,var(--border))}.cal-cell.out{opacity:.55}.cal-cell.weekend{opacity:.5;cursor:not-allowed}.cal-cell.weekend:hover{transform:none;box-shadow:none;border-color:var(--border)}.cal-cell.week-active{background:color-mix(in oklab,var(--primary) 14%,var(--bg));border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}.cal-cell.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 35%,transparent) inset,0 0 0 2px color-mix(in oklab,var(--primary) 25%,transparent);background:var(--surface);transform:translateY(-1px)}.cal-daynum{font-weight:800}.cal-cell.holiday{border-color:var(--bad);color:var(--bad);background:color-mix(in oklab,var(--bad) 8%,var(--bg))}@media (max-width: 900px){.calendar{width:100%;--cal-cell-size: 36px;--cal-font: 13px;--cal-title-font: 16px}}.btn{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:700;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:color-mix(in oklab,var(--primary) 35%,var(--border))}.btn.primary{background:linear-gradient(180deg,var(--accent-1),var(--accent-2));border-color:color-mix(in oklab,var(--primary) 35%,var(--border))}.btn.primary:hover{filter:brightness(1.02)}.btn.danger{background:linear-gradient(180deg,#fee2e2,#ffe8e8);border-color:#fecaca;color:#991b1b}:root[data-theme=dark] .btn.danger{background:linear-gradient(180deg,#3a0d12,#471016);border-color:#5c0e17;color:#ffb4b4}.btn.ghost{background:transparent}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.full{width:100%}.btn.xs{height:32px;padding:0 10px;border-radius:8px}.btn.xs.active{border-color:var(--primary)}.visit-pill{width:100%;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:1px solid var(--border);background:var(--surface);-webkit-user-select:none;user-select:none}.visit-pill.available{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 40%,var(--border));background:var(--ok-weak)}.visit-pill.occupied{color:var(--bad);border-color:color-mix(in oklab,var(--bad) 40%,var(--border));background:var(--bad-weak)}.spinner{display:inline-block;width:18px;height:18px;vertical-align:middle;border:2px solid color-mix(in oklab,var(--text) 10%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:9999}.toast{min-width:260px;max-width:360px;background:var(--toast-bg);color:var(--toast-text);border:1px solid color-mix(in oklab,var(--text) 15%,transparent);border-left:6px solid var(--primary);padding:10px 12px;border-radius:10px;box-shadow:0 8px 24px #00000040}.toast.success{border-left-color:var(--toast-success)}.toast.error{border-left-color:var(--toast-error)}.toast.warning{border-left-color:var(--toast-warning)}.toolbar{margin:8px 0 10px;display:flex;justify-content:flex-end;gap:8px}.grid-wrap{overflow:auto}.grid{border:1px solid var(--border);border-radius:14px;background:var(--surface)}.grid-header{display:grid;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:3;background:var(--surface)}.grid-time-col{padding:12px;font-weight:700;color:var(--muted);border-right:1px solid var(--border)}.grid-room-col{padding:12px;font-weight:700;text-align:center;color:var(--text);border-right:1px solid var(--border)}.grid-room-col:last-child{border-right:none}.grid-body .grid-row{display:grid;border-bottom:1px solid var(--border)}.grid-body .grid-row:last-child{border-bottom:none}.grid-cell{border-right:1px solid var(--border);min-height:66px;display:flex;align-items:stretch;justify-content:stretch;padding:8px;overflow:hidden}.grid-cell:last-child{border-right:none}.cell-btn{width:100%;height:42px;border-radius:10px;border:1px solid color-mix(in oklab,var(--primary) 25%,var(--border));background:linear-gradient(180deg,var(--accent-1),var(--accent-2));color:var(--text);cursor:pointer;font-weight:700;max-width:100%;min-width:0;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.cell-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:color-mix(in oklab,var(--primary) 35%,var(--border))}.cell-btn:disabled{opacity:.6;cursor:not-allowed;background:color-mix(in oklab,var(--text) 6%,var(--surface));border-color:color-mix(in oklab,var(--text) 15%,var(--border))}.cell-reserved,.slot-reserved{width:100%;max-width:100%;min-width:0;border-radius:10px;padding:8px 10px;background:color-mix(in oklab,var(--busy) 9%,var(--surface));border:1px solid color-mix(in oklab,var(--busy) 25%,var(--border))}.res-title{font-weight:700}:root[data-theme=dark] .res-title{color:#ffb4b4}.res-meta{font-size:12px;line-height:1.25;margin-top:4px;color:var(--muted);word-break:break-word}.cell-actions{margin-top:8px;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.status-done .cell-reserved,.status-done.slot-item .slot-reserved{background:var(--done-bg);border-color:var(--done-border);color:var(--done-text)}.status-notdone .cell-reserved,.status-notdone.slot-item .slot-reserved{background:var(--notdone-bg);border-color:var(--notdone-border);color:var(--notdone-text)}.status-pending .cell-reserved,.status-pending.slot-item .slot-reserved{background:var(--pending-bg);border-color:var(--pending-border);color:var(--pending-text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.modal-card h3{margin:0;font-size:20px}.modal-sub{margin:6px 0 14px;color:var(--muted)}.lbl{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px}.inp{width:100%;min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 10px}.inp::placeholder{color:color-mix(in oklab,var(--muted) 70%,transparent)}.modal-actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}.error{color:#b91c1c;font-weight:700}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.login-card-xl{max-width:540px;padding:20px}.login-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.login-card h2{margin:0 0 4px;font-size:27px}.subhead{margin:0;color:var(--muted);font-size:16px}.subhead-center{text-align:center}.login-head-actions{display:flex;gap:6px}.login-form{margin-top:8px}.login-card .inp{min-height:36px}.inp-xl{min-height:54px;font-size:16px}.btn-xl{height:54px;font-size:16px}.password-row{display:grid;grid-template-columns:1fr auto;gap:6px}.login-card .btn{height:36px}.login-submit{width:100%;margin-top:12px}.login-help{margin-top:8px;color:var(--muted);font-size:12px}.style-modal{max-width:720px}.style-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.style-mode-toggle .btn.xs{min-width:110px}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.style-card{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.style-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000014;border-color:color-mix(in oklab,var(--primary) 35%,var(--border))}.style-card.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 25%,transparent) inset}.style-sample{display:grid;grid-template-rows:28px 36px 28px;gap:6px;border-radius:10px;overflow:hidden}.swatch{border:1px solid var(--border);border-radius:8px}.theme-light.pal-azul .header{background:#e1effe}.theme-light.pal-azul .body{background:#fff}.theme-light.pal-azul .btn{background:#dbeafe}.theme-light.pal-verde .header{background:#d1fae5}.theme-light.pal-verde .body{background:#fff}.theme-light.pal-verde .btn{background:#a7f3d0}.theme-light.pal-morado .header{background:#ede9fe}.theme-light.pal-morado .body{background:#fff}.theme-light.pal-morado .btn{background:#ddd6fe}.theme-light.pal-rojo .header{background:#fee2e2}.theme-light.pal-rojo .body{background:#fff}.theme-light.pal-rojo .btn{background:#fecaca}.theme-dark.pal-morado .header{background:#0f0f0f}.theme-dark.pal-morado .body{background:#121212}.theme-dark.pal-morado .btn{background:#1a1a1a}.theme-dark.pal-azul .header{background:#0b1b31}.theme-dark.pal-azul .body{background:#0e1b30}.theme-dark.pal-azul .btn{background:#112645}.theme-dark.pal-verde .header{background:#0c241e}.theme-dark.pal-verde .body{background:#0f2a21}.theme-dark.pal-verde .btn{background:#113229}.theme-dark.pal-rojo .header{background:#381212}.theme-dark.pal-rojo .body{background:#3b0e0e}.theme-dark.pal-rojo .btn{background:#4a1818}.style-name{font-weight:800;text-align:center}@media (max-width: 900px){.container{padding:16px}.week-nav{grid-template-columns:1fr;gap:8px}.week-range{order:-1}.week-left,.week-right{width:100%}.style-grid{grid-template-columns:repeat(2,1fr)}}.app-footer{margin-top:16px;color:var(--muted)}.mobile-wrap{display:grid;gap:12px}.room-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.room-tab{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:transform .12s ease,border-color .12s ease}.room-tab:hover{transform:translateY(-1px);border-color:var(--primary)}.room-tab.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent) inset}.mobile-list{display:grid;gap:10px}.slot-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.slot-item:hover{border-color:color-mix(in oklab,var(--primary) 30%,var(--border));box-shadow:0 2px 8px #0000000f}.slot-item.busy{background:color-mix(in oklab,var(--busy) 6%,var(--surface))}.slot-time{font-weight:700;color:var(--text)}.slot-reserved{grid-column:1 / -1;width:100%;max-width:100%;min-width:0}.res-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.res-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:8px;background:color-mix(in oklab,var(--text) 8%,transparent);border:1px solid var(--border)}.res-actions{display:flex;gap:6px}