:root{--bg: #0b0d12;--bg-elev: #131722;--bg-card: #171c28;--border: #232a3a;--text: #e6e9ef;--text-muted: #8a93a6;--accent: #5ad1c6;--accent-strong: #3bbab0;--danger: #ff6e6e;--warn: #f0b86e;--ok: #6cd07d;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:radial-gradient(1100px 600px at 80% -10%,rgba(90,209,198,.08),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(90,209,198,.05),transparent 60%),var(--bg);color:var(--text);min-height:100%}a{color:var(--accent)}.container{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem}.muted{color:var(--text-muted)}.small{font-size:.875rem}.header{border-bottom:1px solid var(--border);background:#0b0d12b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.header-row{display:flex;align-items:center;justify-content:space-between;padding-top:.9rem;padding-bottom:.9rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;letter-spacing:.2px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #5ad1c68c}.header-right{display:inline-flex;align-items:center;gap:.75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--text);padding:.55rem .9rem;border-radius:10px;cursor:pointer;font:inherit;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){background:var(--bg-elev)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:#0b0d12;border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.ghost{background:transparent}.btn.danger{border-color:#ff6e6e66;color:var(--danger)}.btn.danger:hover:not(:disabled){background:#ff6e6e14}.btn.small{padding:.35rem .65rem;font-size:.875rem;border-radius:8px}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar h1{margin:0 0 .1rem;font-size:1.4rem}.toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.range{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-elev);padding:.3rem .5rem;border-radius:10px;border:1px solid var(--border)}.banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.banner.error{background:#ff6e6e14;border:1px solid rgba(255,110,110,.35);color:#ffb4b4}.day-groups{display:flex;flex-direction:column;gap:1.25rem}.day-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem .65rem}.day-label{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--text-muted);text-transform:lowercase}.appt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.appt{display:grid;grid-template-columns:90px 1fr auto;gap:.75rem;align-items:start;padding:.7rem 0;border-top:1px solid var(--border)}.appt:first-child{border-top:none}.appt-time{display:flex;flex-direction:column;gap:.1rem}.appt-time .time{font-weight:700;font-size:1.05rem}.appt-line{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.appt-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--text-muted);font-size:.875rem;margin-top:.15rem}.appt-notes{margin:.4rem 0 0;color:var(--text-muted);font-size:.9rem}.appt-actions{display:flex;gap:.4rem}.appt.status-cancelled .appt-line strong,.appt.status-no_show .appt-line strong{text-decoration:line-through;color:var(--text-muted)}.pill{padding:.1rem .55rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);text-transform:lowercase}.pill-scheduled{color:var(--accent);border-color:#5ad1c659}.pill-completed{color:var(--ok);border-color:#6cd07d59}.pill-no_show{color:var(--warn);border-color:#f0b86e59}.pill-cancelled{color:var(--danger);border-color:#ff6e6e59}.empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.empty p{margin-top:0}.info-modal.modal{max-width:520px}.info-modal-inner{padding:1.15rem 1.25rem 1.1rem}.info-modal h2{margin:0 0 .5rem;font-size:1.2rem;line-height:1.3}.info-list{margin:1rem 0;padding-left:1.2rem;color:var(--text-muted);font-size:.925rem;line-height:1.55}.info-list li{margin-bottom:.55rem}.info-list strong{color:var(--text);font-weight:600}.code-inline{font-size:.85em;background:var(--bg-elev);padding:.1rem .35rem;border-radius:4px;border:1px solid var(--border)}.info-close{width:100%;margin-top:.25rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07090ea6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:560px;max-height:90vh;overflow:auto}.form{display:flex;flex-direction:column;gap:.85rem;padding:1.2rem 1.2rem 1rem}.form h2{margin:0 0 .25rem;font-size:1.2rem}.form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--text-muted)}.form input,.form select,.form textarea{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);padding:.55rem .7rem;border-radius:8px;font:inherit}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid rgba(90,209,198,.45);outline-offset:0;border-color:var(--accent)}.form input:disabled{opacity:.6;cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.fullpage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.fullpage-card{background:var(--bg-card);border:1px solid var(--border);padding:2rem;border-radius:var(--radius);text-align:center;max-width:400px;width:100%}.fullpage-card h1{margin:0 0 .6rem}.fullpage-card .btn{margin-top:1rem}.view-switcher{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.view-tab{background:transparent;border:0;color:var(--text-muted);padding:.35rem .8rem;font:inherit;font-size:.875rem;border-radius:7px;cursor:pointer}.view-tab:hover{color:var(--text)}.view-tab.on{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.cursor-nav{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:.3rem .4rem;margin-bottom:1rem}.week-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem}.week-scroll{max-height:72vh;min-height:360px;overflow:auto;border-radius:8px;scrollbar-gutter:stable}.week-grid{display:grid;grid-template-columns:60px repeat(7,minmax(110px,1fr));gap:1px;background:var(--border);min-width:820px}.week-col{background:var(--bg-card);display:flex;flex-direction:column}.week-col.times{background:var(--bg-elev);position:sticky;left:0;z-index:3}.week-col.off{background:#ffffff04}.week-col.off .week-canvas{cursor:not-allowed;background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.025) 8px 16px)}.week-col.today .week-day-header{color:var(--accent)}.week-day-header{height:44px;padding:.4rem .5rem;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:.4rem;text-transform:lowercase;position:sticky;top:0;z-index:2;background:var(--bg-card)}.week-col.times .week-day-header{background:var(--bg-elev);z-index:4}.week-col.off .week-day-header{background:var(--bg-card);color:var(--text-muted)}.week-day-header.empty{visibility:hidden}.week-canvas{position:relative;height:var(--col-h);cursor:copy}.off-hours{position:absolute;left:0;right:0;background:#00000040;background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.02) 8px 16px);pointer-events:none}.time-axis{position:relative;height:var(--col-h)}.time-label{position:absolute;left:0;right:0;padding-left:.4rem;font-size:.7rem;color:var(--text-muted);transform:translateY(-50%)}.grid-line.hour{position:absolute;left:0;right:0;height:1px;background:#ffffff0d}.week-appt{position:absolute;left:4px;right:4px;display:flex;flex-direction:column;gap:2px;padding:4px 6px;border-radius:6px;background:#5ad1c62e;border:1px solid rgba(90,209,198,.45);color:var(--text);font-size:.75rem;text-align:left;cursor:pointer;overflow:hidden;font:inherit;z-index:1}.week-appt:hover{background:#5ad1c647}.week-appt strong{font-size:.75rem;font-weight:700}.week-appt.outside{border-style:dashed;opacity:.85}.week-appt.status-completed{background:#6cd07d2e;border-color:#6cd07d80}.week-appt.status-no_show{background:#f0b86e2e;border-color:#f0b86e80}.week-appt.status-cancelled{background:#ff6e6e1f;border-color:#ff6e6e66;color:var(--text-muted);text-decoration:line-through}.week-hint{margin:.6rem .2rem 0}.month-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem}.month-header,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.month-day-header{text-align:center;padding:.4rem 0;color:var(--text-muted);font-size:.85rem;text-transform:lowercase}.month-grid{background:var(--border);border-radius:8px;overflow:hidden}.month-cell{background:var(--bg-card);border:0;padding:.4rem;text-align:left;cursor:pointer;min-height:100px;display:flex;flex-direction:column;gap:.3rem;color:var(--text);font:inherit}.month-cell:hover{background:var(--bg-elev)}.month-cell.off-month{color:var(--text-muted);opacity:.55}.month-cell.off-day{background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.02) 8px 16px)}.month-cell.today .month-cell-num{color:var(--accent);font-weight:700}.month-cell-head{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.month-cell-count{font-size:.7rem;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);padding:0 .35rem;border-radius:999px}.month-appt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.month-chip{display:flex;gap:4px;align-items:center;font-size:.72rem;padding:2px 4px;border-radius:4px;background:#5ad1c626;border:1px solid rgba(90,209,198,.3);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-chip .time{font-weight:600}.month-chip .who{overflow:hidden;text-overflow:ellipsis}.month-chip.status-completed{background:#6cd07d26;border-color:#6cd07d59}.month-chip.status-no_show{background:#f0b86e26;border-color:#f0b86e59}.month-chip.status-cancelled{background:#ff6e6e1a;border-color:#ff6e6e4d;text-decoration:line-through;color:var(--text-muted)}.month-chip.more{background:transparent;border-color:var(--border);color:var(--text-muted);cursor:default}.day-toggle{display:flex;gap:4px;flex-wrap:wrap}.day-chip{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);padding:.4rem .7rem;border-radius:8px;font:inherit;font-size:.85rem;cursor:pointer;min-width:42px;text-transform:lowercase}.day-chip.on{background:#5ad1c62e;border-color:var(--accent);color:var(--text)}@media(max-width:540px){.appt{grid-template-columns:70px 1fr}.appt-actions{grid-column:1 / -1;justify-content:flex-end}.grid-2{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.month-cell{min-height:70px;padding:.25rem}.month-chip .who{display:none}}