:root{--bg:linear-gradient(135deg, #0d0d2b, #1a1a3e, #0f1729);--bg-solid:#0d0d2b;--card:#ffffff0f;--card-hover:#ffffff17;--border:#c9a84c33;--border-subtle:#ffffff0f;--border-input:#ffffff47;--gold:#c9a84c;--gold-dim:#c9a84c26;--text:#e0d5c0;--text-muted:#9898b8;--accent-blue:#7b8cde;--accent-green:#52b788;--accent-personal:#de8cbc;--accent-personal-bg:#de8cbc1a;--accent-personal-border:#de8cbc4d;--overlay:#0009;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--blur:blur(12px);--font-mono:"Space Mono", "Courier New", monospace;--font-sans:"Inter", system-ui, sans-serif}[data-theme=light]{--bg:#e8ecf1;--bg-solid:#e8ecf1;--card:#ffffffbf;--card-hover:#ffffffe6;--border:#00000014;--border-subtle:#0000000d;--border-input:#00000061;--gold:#7a5800;--gold-dim:#7a58001a;--text:#2d3748;--text-muted:#546070;--accent-blue:#3d52b5;--accent-green:#276e47;--accent-personal:#8b2252;--accent-personal-bg:#8b225214;--accent-personal-border:#8b225240;--overlay:#0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed}.glass{background:var(--card);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-md)}.label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:9px}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app{min-height:100vh}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{background:var(--gold);color:#0d0d2b;border-radius:var(--radius-sm);z-index:9999;width:auto;height:auto;padding:8px 16px;font-size:.875rem;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px}.header-bar{z-index:50;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--border-subtle);background:#0d0d2bd9;justify-content:flex-end;padding:10px 16px;display:flex;position:sticky;top:0}[data-theme=light] .header-bar{background:#e8ecf1d9}.notif-banner{background:var(--gold-dim);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.notif-banner__text{color:var(--text);font-size:12px}.notif-banner__btn{background:var(--gold);color:#0d0d2b;border-radius:var(--radius-sm);border:none;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700}.notif-banner__dismiss{color:var(--text-muted);background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.appt-card{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.appt-card:hover{background:var(--card-hover);border-color:var(--border);transform:translate(3px)}.appt-card__icon{font-family:var(--font-mono);letter-spacing:.5px;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.5rem;font-weight:700;display:flex}.appt-card__icon--medical{color:var(--accent-green);background:#52b7881a;border-color:#52b7884d}.appt-card__icon--dental{color:var(--accent-blue);background:#7b8cde1a;border-color:#7b8cde4d}.appt-card__icon--service{color:var(--gold);background:var(--gold-dim);border-color:#c9a84c4d}.appt-card__icon--personal{color:var(--accent-personal);background:var(--accent-personal-bg);border-color:var(--accent-personal-border)}.appt-card__icon--other{color:var(--text-muted);background:#5a5a8a26;border-color:#5a5a8a4d}.appt-card__body{flex:1;min-width:0}.appt-card__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.appt-card__sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.appt-card__time-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.appt-card__time{font-family:var(--font-mono);color:var(--gold);font-size:.6875rem}.appt-card__pill{color:var(--accent-blue);font-size:.75rem;font-family:var(--font-mono);white-space:nowrap;background:#7b8cde26;border-radius:999px;padding:2px 8px}.appt-card--overdue{opacity:.75;background:#dc354514;border-color:#dc35454d}.appt-card--overdue .appt-card__title{color:#c9a0a0}.appt-card--overdue .appt-card__time{color:#c06060}@keyframes cardEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.appt-card--entering{animation:.25s ease-out cardEnter}@keyframes cardLeave{0%{opacity:1;max-height:100px;padding-top:10px;padding-bottom:10px;transform:translate(0)}65%{opacity:0;max-height:100px;padding-top:10px;padding-bottom:10px;transform:translate(40px)}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translate(40px)}}.appt-card--leaving{pointer-events:none;animation:.3s ease-in forwards cardLeave;overflow:hidden}@keyframes wordmark-pulse{0%{text-shadow:0 0 #c9a84c00}50%{text-shadow:0 0 12px #c9a84cb3,0 0 24px #c9a84c4d}to{text-shadow:0 0 #c9a84c00}}.dashboard{max-width:600px;margin:0 auto;padding:24px 16px 40px}.dashboard__header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.dashboard__wordmark{font-family:var(--font-mono);letter-spacing:3px;color:var(--gold);text-transform:uppercase;cursor:default;font-size:.6875rem;transition:letter-spacing .3s}.dashboard__wordmark:hover{letter-spacing:5px;animation:1.2s ease-in-out infinite wordmark-pulse}.dashboard__date{color:var(--text);cursor:default;margin-top:2px;font-size:1.375rem;font-weight:700;transition:color .2s,transform .2s,text-shadow .2s}.dashboard__date:hover{text-shadow:0 2px 16px #e0d5c04d;transform:translateY(-2px)}.dashboard__datestr{color:var(--text-muted);cursor:default;margin-top:2px;font-size:.6875rem;transition:color .25s}.dashboard__datestr:hover{color:var(--gold)}.dashboard__actions{flex-direction:column;align-items:flex-end;gap:6px;margin-top:4px;display:flex}.dashboard__add{font-family:var(--font-mono);letter-spacing:1px;color:var(--gold);background:var(--gold-dim);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #c9a84c66;padding:6px 14px;font-size:.6875rem;transition:background .15s,box-shadow .15s}.dashboard__add:hover{background:#c9a84c38;box-shadow:0 0 14px #c9a84c33}.dashboard__export{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-size:.75rem;transition:color .2s}.dashboard__export:hover{color:var(--gold)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.stat{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;padding:12px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.stat:hover{background:var(--card-hover);border-color:var(--border);transform:translateY(-3px);box-shadow:0 6px 18px #00000026}.stat__num{color:var(--gold);font-size:1.375rem;font-weight:700}.stat__label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:.75rem}.next-up{background:var(--card);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;margin-bottom:16px;padding:16px;transition:background .15s}.next-up:hover{background:var(--card-hover);box-shadow:0 4px 24px #c9a84c1f}.next-up__label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:.75rem}.next-up__row{align-items:center;gap:12px;display:flex}.next-up__icon{font-family:var(--font-mono);letter-spacing:.5px;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.625rem;font-weight:700;display:flex}.next-up__icon--medical{color:var(--accent-green);background:#52b7881a;border-color:#52b7884d}.next-up__icon--dental{color:var(--accent-blue);background:#7b8cde1a;border-color:#7b8cde4d}.next-up__icon--service{color:var(--gold);background:var(--gold-dim);border-color:#c9a84c4d}.next-up__icon--personal{color:var(--accent-personal);background:var(--accent-personal-bg);border-color:var(--accent-personal-border)}.next-up__icon--other{color:var(--text-muted);background:#5a5a8a26;border-color:#5a5a8a4d}.next-up__info{flex:1}.next-up__title{color:var(--text);font-size:1rem;font-weight:700}.next-up__sub{color:var(--text-muted);margin-top:3px;font-size:.6875rem}.next-up__badge{background:var(--gold-dim);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gold);flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600}.section-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin:20px 0 8px;font-size:.75rem}.date-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.date-group__heading{color:var(--text-muted);margin:0 0 6px;padding-left:4px;font-size:.6875rem}.upcoming-list{flex-direction:column;gap:6px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state__diamond{background:#c9a84c0d;border:1px solid #c9a84c4d;width:44px;height:44px;margin-bottom:8px;transform:rotate(45deg);box-shadow:0 0 20px #c9a84c1a}.empty-state__label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin:0;font-size:.75rem}.empty-state__title{color:var(--gold);letter-spacing:1px;margin:0;font-size:1.125rem;font-weight:700}.empty-state__sub{color:var(--text-muted);margin:4px 0 0;font-size:.75rem;line-height:1.6}.empty-state__kbd{font-family:var(--font-mono);color:var(--accent-blue);background:#7b8cde14;border:1px solid #7b8cde66;border-radius:4px;padding:1px 6px;font-size:.6875rem;display:inline-block}.search-bar__input{background:var(--card);border:1px solid var(--border-input);border-radius:var(--radius-sm);width:100%;color:var(--text);margin-bottom:10px;padding:8px 12px;font-size:.8125rem;transition:border-color .2s}.search-bar__input:focus{border-color:var(--gold)}.search-bar__input::placeholder{color:var(--text-muted)}.view-toggle{border:none;gap:4px;min-width:0;margin-bottom:16px;padding:0;display:flex}.view-toggle__btn{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;padding:5px 14px;font-size:.6875rem;transition:background .15s,border-color .15s,color .15s}.view-toggle__btn--active{background:var(--gold-dim);color:var(--gold);border-color:#c9a84c66}.view-toggle__btn:hover:not(.view-toggle__btn--active){border-color:var(--border);color:var(--text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:#1a1a3e;width:100%;max-width:480px;max-height:90vh;margin:0;padding:24px;position:relative;overflow-y:auto}.modal::backdrop{display:none}[data-theme=light] .modal{background:#f0f4f8}.modal__title{font-family:var(--font-mono);letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin:0 0 20px;font-size:.6875rem}.modal__field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.modal__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.modal__input,.modal__select,.modal__textarea{background:var(--card);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:10px 12px;font-size:.8125rem;transition:border-color .2s}.modal__input:focus,.modal__select:focus,.modal__textarea:focus{border-color:var(--gold)}.modal__select option{background:#1a1a3e}[data-theme=light] .modal__select option{background:#f0f4f8}.modal__textarea{resize:vertical;min-height:80px}.modal__actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.btn-save{background:var(--gold-dim);border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--gold);flex:1;padding:10px;font-size:.8125rem;font-weight:600;transition:background .2s}.btn-save:hover{background:#c9a84c40}.btn-delete{border-radius:var(--radius-sm);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;padding:10px 16px;font-size:.8125rem;transition:background .2s}.btn-delete:hover{background:#ef444433}.btn-cancel{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;padding:10px 16px;font-size:.8125rem;transition:background .2s}.btn-cancel:hover{background:var(--card)}@media (width<=767px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh}}.theme-toggle{background:var(--gold-dim);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gold);padding:6px 12px;font-size:14px;transition:background .2s}.theme-toggle:hover{background:var(--card-hover)}.toast{min-width:260px;max-width:360px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-md);z-index:100;background:#0d0d2bf7;border:1px solid #c9a84c4d;animation:.2s ease-out toastSlideUp;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast__body{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.toast__message{font-family:var(--font-mono);color:var(--text);font-size:.75rem}.toast__undo{font-family:var(--font-mono);color:var(--gold);cursor:pointer;background:0 0;border:1px solid #c9a84c66;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;min-height:44px;padding:10px 14px;font-size:.6875rem;transition:background .15s;display:flex}.toast__undo:hover{background:#c9a84c1a}.toast__bar{background:#c9a84c26;height:2px}@keyframes shrink{0%{width:100%}to{width:0%}}.toast__fill{background:var(--gold);height:100%;animation:linear forwards shrink}