@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@300;400;500;700&display=swap";:root{--md-primary:#1a73e8;--md-on-primary:#fff;--md-primary-container:#d3e3fd;--md-on-primary-container:#062e6f;--md-secondary:#5f6368;--md-on-secondary:#fff;--md-secondary-container:#e8eaed;--md-on-secondary-container:#1f1f1f;--md-tertiary:#0d652d;--md-on-tertiary:#fff;--md-tertiary-container:#c4eed0;--md-on-tertiary-container:#002109;--md-error:#ba1a1a;--md-on-error:#fff;--md-error-container:#ffdad6;--md-on-error-container:#410002;--md-surface:#fffbfe;--md-on-surface:#1c1b1f;--md-on-surface-variant:#49454f;--md-surface-variant:#e7e0ec;--md-surface-container-lowest:#fff;--md-surface-container-low:#f7f2fa;--md-surface-container:#f3edf7;--md-surface-container-high:#ece6f0;--md-surface-container-highest:#e6e0e9;--md-surface-dim:#ded8e1;--md-surface-bright:#fffbfe;--md-surface-tint:#1a73e8;--md-inverse-surface:#313033;--md-inverse-on-surface:#f4eff4;--md-outline:#79747e;--md-outline-variant:#cac4d0;--success:#0d652d;--success-container:#c4eed0;--warning:#e37400;--warning-container:#ffddb3;--danger:#ba1a1a;--danger-container:#ffdad6;--info:#1a73e8;--info-container:#d3e3fd;--font-brand:"Google Sans", "Roboto", "Segoe UI", sans-serif;--font-plain:"Roboto", "Segoe UI", sans-serif;--shape-none:0px;--shape-xs:4px;--shape-sm:8px;--shape-md:12px;--shape-lg:16px;--shape-xl:28px;--shape-full:9999px;--elevation-1:0 1px 2px #00000012, 0 1px 3px #0000000f;--elevation-2:0 1px 2px #0000000f, 0 2px 6px #00000012;--elevation-3:0 4px 8px #0000000f, 0 1px 3px #00000014;--elevation-4:0 6px 10px #0000000f, 0 2px 4px #00000014;--elevation-5:0 8px 16px #00000014, 0 2px 6px #0000000f;--sidebar-width:280px;--header-height:64px;--transition:all .2s cubic-bezier(.2, 0, 0, 1);--transition-emphasized:all .5s cubic-bezier(.2, 0, 0, 1);--text-primary:var(--md-on-surface);--text-secondary:var(--md-on-surface-variant);--text-muted:var(--md-outline);--border-color:var(--md-outline-variant);--separator:var(--md-outline-variant);--primary-50:var(--md-primary-container);--primary-200:#1a73e833;--primary-300:#1a73e859;--primary-500:var(--md-primary);--primary-600:var(--md-primary);--primary-700:#1557b0;--brand-50:var(--md-primary-container);--brand-200:#1a73e833;--brand-300:#1a73e859;--brand-400:var(--md-primary);--brand-500:var(--md-primary);--brand-600:var(--md-primary);--brand-700:#1557b0;--gray-50:var(--md-surface-container-low);--gray-100:var(--md-surface-container);--gray-200:var(--md-surface-container-high);--gray-300:var(--md-surface-container-highest);--gray-400:var(--md-outline);--gray-500:var(--md-on-surface-variant);--gray-600:var(--md-on-surface-variant);--gray-700:var(--md-on-surface);--radius-sm:var(--shape-sm);--radius-md:var(--shape-md);--radius-lg:var(--shape-lg);--radius-xl:var(--shape-xl);--radius-full:var(--shape-full);--shadow-sm:var(--elevation-1);--shadow-md:var(--elevation-2);--shadow-lg:var(--elevation-3);--shadow-xl:var(--elevation-5);--bg-primary:var(--md-surface-container-low);--bg-secondary:var(--md-surface-container-lowest);--danger-light:var(--md-error-container);--warning-light:var(--warning-container);--success-light:var(--success-container);--info-light:var(--info-container)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:15px;overflow-x:hidden}body{font-family:var(--font-plain);background:var(--md-surface-container-low);color:var(--md-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app-layout{width:100%;max-width:100vw;min-height:100dvh;display:flex;overflow-x:hidden}.app-main{margin-left:var(--sidebar-width);transition:var(--transition);min-width:0;width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;display:flex;overflow-x:hidden}.app-content{margin-top:var(--header-height);box-sizing:border-box;contain:inline-size;flex:1;width:100%;min-width:0;padding:24px}.sidebar{width:var(--sidebar-width);background:var(--md-surface-container-low);color:var(--md-on-surface-variant);z-index:100;overscroll-behavior:contain;border-right:1px solid var(--md-outline-variant);flex-direction:column;transition:transform .5s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.sidebar-logo-full{object-fit:contain;object-position:left center;flex:1;min-width:0;height:40px}.sidebar-logo{object-fit:contain;flex-shrink:0;width:36px;height:36px}.sidebar-brand-text{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-brand-name{font-family:var(--font-brand);color:var(--md-on-surface);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.sidebar-brand-sub{color:var(--md-on-surface-variant);margin-top:1px;font-size:.73rem}.sidebar-close-btn{color:var(--md-on-surface-variant);border-radius:var(--shape-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:8px;display:none}.sidebar-close-btn:hover{background:var(--md-surface-container-highest)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--md-on-surface-variant);font-size:.73rem;font-weight:500;font-family:var(--font-brand);padding:16px 16px 8px}.sidebar-link{border-radius:var(--shape-full);transition:var(--transition);color:var(--md-on-surface-variant);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link svg{flex-shrink:0;width:22px;height:22px}.sidebar-link:hover{background:var(--md-surface-container-highest)}.sidebar-link.active{background:var(--md-primary-container);color:var(--md-on-primary-container);font-weight:600}.sidebar-link.active svg{color:var(--md-on-primary-container)}.sidebar-group-toggle{cursor:pointer;background:0 0;border:none;width:100%}.sidebar-group-toggle.active{color:var(--md-primary);background:0 0;font-weight:600}.sidebar-chevron{flex-shrink:0;transition:transform .25s cubic-bezier(.2,0,0,1)}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-sub-group{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,0,0,1);display:grid}.sidebar-sub-group.open{grid-template-rows:1fr}.sidebar-sub-group>*{flex-direction:column;gap:1px;display:flex;overflow:hidden}.sidebar-sub-link{padding:10px 16px 10px 44px;font-size:.85rem}.sidebar-sub-link svg{width:16px;height:16px}.sidebar-user{border-top:1px solid var(--md-outline-variant);align-items:center;gap:12px;margin:8px 12px 12px;padding:16px 16px 12px;display:flex}.sidebar-user-avatar{border-radius:var(--shape-full);background:var(--md-primary-container);width:40px;height:40px;color:var(--md-on-primary-container);font-size:1rem;font-weight:700;font-family:var(--font-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--md-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--md-on-surface-variant);font-size:.73rem}.header{top:0;left:var(--sidebar-width);height:var(--header-height);background:var(--md-surface);z-index:50;transition:var(--transition);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;right:0}.header-title{font-family:var(--font-brand);color:var(--md-on-surface);letter-spacing:0;font-size:1.35rem;font-weight:500}.header-actions{align-items:center;gap:12px;display:flex}.header-date{color:var(--md-on-surface-variant);font-size:.82rem}.header-user-btn{background:var(--md-surface-container);border:1px solid var(--border-color);border-radius:var(--shape-full);cursor:pointer;align-items:center;gap:8px;padding:6px 10px 6px 6px;transition:all .15s;display:flex}.header-user-btn:hover{background:var(--md-surface-container-high);border-color:var(--md-outline)}.header-user-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:600;display:flex}.header-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.82rem;font-weight:500;overflow:hidden}.header-user-dropdown{background:var(--md-surface-container-lowest);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026, 0 0 0 1px var(--border-color);z-index:100;min-width:200px;animation:.15s fadeSlideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header-user-dropdown-info{border-bottom:1px solid var(--border-color);padding:14px 16px 10px}.header-user-dropdown-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;font-size:.84rem;transition:background .1s;display:flex}.header-user-dropdown-item:hover{background:var(--gray-50)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{color:var(--md-on-surface);border-radius:var(--shape-full);background:0 0;border:none;padding:8px;display:none}.mobile-menu-btn:hover{background:var(--md-surface-container-high)}.header-logo-mobile{object-fit:contain;width:28px;height:28px;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.35s cubic-bezier(.2,0,0,1) both fadeSlideUp}.loading-overlay{color:var(--md-on-surface-variant);justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:.9rem;display:flex}.spinner{border:3px solid var(--md-outline-variant);border-top-color:var(--md-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.login-page{background:var(--md-surface);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--md-surface-container-lowest);border-radius:var(--shape-xl);width:100%;max-width:420px;box-shadow:var(--elevation-3);padding:40px 36px}.login-brand{text-align:center;margin-bottom:28px}.login-logo{object-fit:contain;object-position:center;width:100%;max-width:220px;height:56px;margin:0 auto 14px;display:block}.login-brand p{color:var(--md-on-surface-variant);font-size:.85rem}.login-error{background:var(--md-error-container);color:var(--md-on-error-container);border-radius:var(--shape-sm);margin-bottom:20px;padding:12px 16px;font-size:.85rem;font-weight:500}.login-btn{width:100%;margin-top:8px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);transition:var(--transition);border-top:3px solid var(--kpi-color,var(--md-primary));align-items:center;gap:14px;padding:16px 18px;display:flex}.kpi-card:hover{box-shadow:var(--elevation-2)}.kpi-icon{border-radius:var(--shape-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon svg{width:22px;height:22px}.kpi-content{flex:1;min-width:0}.kpi-value{font-family:var(--font-brand);color:var(--md-on-surface);letter-spacing:-.02em;word-break:break-word;font-size:1.6rem;font-weight:700;line-height:1.2}.kpi-value-sm{font-size:1.05rem}.kpi-label{color:var(--md-on-surface-variant);margin-top:2px;font-size:.78rem;font-weight:400}.dashboard-charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn{border-radius:var(--shape-full);letter-spacing:.01em;transition:var(--transition);white-space:nowrap;font-size:.875rem;font-weight:500;font-family:var(--font-plain);border:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 24px;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--md-primary);color:var(--md-on-primary)}.btn-primary:hover{box-shadow:var(--elevation-1);filter:brightness(1.08)}.btn-primary:disabled{background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);opacity:.6;cursor:not-allowed;box-shadow:none;filter:none}.btn-secondary{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn-secondary:hover{box-shadow:var(--elevation-1)}.btn-outline{border:1px solid var(--md-outline);color:var(--md-primary);background:0 0}.btn-outline:hover{background:#1a73e80f}.btn-ghost{color:var(--md-on-surface-variant);border-radius:var(--shape-full);background:0 0;border:none;padding:8px 12px}.btn-ghost:hover{background:var(--md-surface-container-highest)}.btn-sm{min-height:32px;padding:6px 16px;font-size:.8rem}.card{background:var(--md-surface-container-lowest);border-radius:var(--shape-md);border:1px solid var(--md-outline-variant);transition:var(--transition);margin-bottom:16px;overflow:hidden}.card:hover{box-shadow:var(--elevation-1)}.card-header{border-bottom:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{font-family:var(--font-brand);color:var(--md-on-surface);align-items:center;font-size:1rem;font-weight:600;display:flex}.card-body{padding:20px}.form-group{margin-bottom:20px}.form-label{color:var(--md-on-surface-variant);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.required{color:var(--md-error)}.form-input,.form-select,.form-textarea{border:1px solid var(--md-outline);border-radius:var(--shape-xs);width:100%;color:var(--md-on-surface);transition:var(--transition);background:0 0;outline:none;padding:14px 16px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--md-primary);border-width:2px;padding:13px 15px}.form-input::placeholder{color:var(--md-on-surface-variant);opacity:.6}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.badge{border-radius:var(--shape-sm);white-space:nowrap;background:var(--md-surface-container-high);color:var(--md-on-surface-variant);align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-container);color:var(--md-tertiary)}.badge-danger{background:var(--danger-container);color:var(--md-error)}.badge-warning{background:var(--warning-container);color:#7c4700}.badge-info{background:var(--info-container);color:var(--md-primary)}.badge-neutral{background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.data-table-container{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:860px;font-size:.88rem}.data-table thead{background:var(--md-surface-container)}.data-table th{text-align:left;font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.04em;color:var(--md-on-surface-variant);border-bottom:1px solid var(--md-outline-variant);-webkit-user-select:none;user-select:none;padding:14px 16px;font-size:.78rem;font-weight:600}.data-table th.sorted{color:var(--md-primary)}.data-table th:hover{cursor:pointer;color:var(--md-on-surface)}.data-table td{border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface);vertical-align:middle;padding:14px 16px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#1a73e80a}.data-table tbody tr:last-child td{border-bottom:none}.cell-name{color:var(--md-on-surface);font-weight:500}.cell-sub{color:var(--md-on-surface-variant);margin-top:2px;font-size:.75rem}.mobile-card-list{display:none}.desktop-table{display:block}.mobile-card-item{border-bottom:1px solid var(--md-outline-variant);cursor:pointer;flex-direction:column;gap:6px;padding:14px 16px;transition:background .15s;display:flex}.mobile-card-item:last-child{border-bottom:none}.mobile-card-item:hover{background:#1a73e80a}.mobile-card-item:active{background:#1a73e814}.mobile-card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-card-main{color:var(--md-on-surface);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.mobile-card-sub{color:var(--md-on-surface-variant);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.mobile-card-actions{flex-shrink:0;gap:0;display:flex}.mobile-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mobile-card-date{color:var(--md-primary);background:var(--md-primary-container);border-radius:var(--shape-full);padding:3px 10px;font-size:.8rem;font-weight:600}.mobile-card-date.past{color:var(--md-error);background:var(--md-error-container)}.mobile-card-date.today{color:var(--md-tertiary);background:var(--success-container)}.appt-status-select{border:1px solid var(--md-outline-variant);border-radius:var(--shape-sm);background:var(--md-surface-container);color:var(--md-on-surface);cursor:pointer;min-width:108px;max-width:120px;padding:4px 8px;font-size:.78rem;font-weight:600}.cell-empty{color:var(--md-outline);font-size:.85rem}.appt-card{border-bottom:1px solid var(--md-outline-variant);background:var(--md-surface);flex-direction:column;gap:8px;padding:14px 16px;transition:background .15s;display:flex}.appt-card:last-child{border-bottom:none}.appt-card:active{background:#1a73e80d}.appt-card-past{background:#ff3b3005}.appt-card-today{background:#1a73e808}.appt-card-toprow{justify-content:space-between;align-items:center;gap:8px;display:flex}.appt-card-datepill{align-items:center;gap:8px;display:flex}.appt-card-time{color:var(--md-primary);font-size:.85rem;font-weight:700}.appt-card-patient{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.appt-card-name{color:var(--md-on-surface);font-size:.95rem;font-weight:700}.appt-card-phone{color:var(--md-on-surface-variant);font-size:.8rem}.appt-card-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.appt-card-note{color:var(--md-on-surface-variant);font-size:.78rem;font-style:italic;line-height:1.4}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-select{border:1px solid var(--md-outline);border-radius:var(--shape-sm);color:var(--md-on-surface);cursor:pointer;background:0 0;outline:none;min-width:160px;padding:10px 16px;font-size:.85rem;font-weight:500}.filter-select:focus{border-color:var(--md-primary);border-width:2px}.search-input-wrapper{flex:1;align-items:center;gap:8px;min-width:240px;display:flex;position:relative}.search-input-wrapper svg{width:18px;height:18px;color:var(--md-on-surface-variant);position:absolute;left:14px}.search-input-wrapper .form-input{border-radius:var(--shape-full);background:var(--md-surface-container-high);border:none;padding-left:42px}.search-input-wrapper .form-input:focus{border:2px solid var(--md-primary);background:var(--md-surface);padding-left:40px}.pagination{border-top:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pagination-info{color:var(--md-on-surface-variant);font-size:.82rem}.pagination-buttons{gap:4px;display:flex}.pagination-btn{border-radius:var(--shape-full);width:36px;height:36px;color:var(--md-on-surface-variant);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex}.pagination-btn:hover{background:var(--md-surface-container-highest)}.pagination-btn.active{background:var(--md-primary-container);color:var(--md-on-primary-container);font-weight:600}.pagination-btn:disabled{opacity:.38;cursor:not-allowed}.modal-overlay{z-index:200;background:#00000052;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal,.modal-card{background:var(--md-surface-container-lowest);border-radius:var(--shape-xl);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--elevation-5);flex-direction:column;animation:.25s cubic-bezier(.2,0,0,1) both fadeSlideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--md-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.modal-title{font-family:var(--font-brand);color:var(--md-on-surface);font-size:1.15rem;font-weight:600}.modal-body{flex:1;min-height:0;padding:16px 24px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--md-outline-variant);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 24px 16px;display:flex}.modal form,.modal-card form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.empty-state{text-align:center;color:var(--md-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state-title{font-family:var(--font-brand);color:var(--md-on-surface);margin-bottom:4px;font-size:1.1rem;font-weight:600}.empty-state-desc{color:var(--md-on-surface-variant);font-size:.85rem}.toast{background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);border-radius:var(--shape-sm);box-shadow:var(--elevation-3);z-index:999;padding:14px 24px;font-size:.88rem;animation:.25s fadeSlideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.appt-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.appt-date-range{align-items:center;gap:8px;display:flex}.appt-date-range .form-input{width:150px}.appt-date-label{color:var(--md-on-surface-variant);white-space:nowrap;font-size:.85rem}.appt-quick-btns{gap:6px;display:flex}.appt-add-btn{margin-left:auto}.appt-status-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.appt-status-card{background:var(--md-surface-container-lowest);border-radius:var(--shape-md);cursor:pointer;transition:var(--transition);border:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.appt-status-card:hover{box-shadow:var(--elevation-1)}.appt-status-card.active{border-color:var(--md-primary);background:#1a73e80f}.appt-status-label{color:var(--md-on-surface-variant);font-size:.82rem}.import-instructions{background:var(--info-container);border-radius:var(--shape-md);margin-bottom:16px;padding:14px 16px}.import-instructions-title{font-family:var(--font-brand);color:var(--md-primary);margin-bottom:6px;font-size:.9rem;font-weight:600}.import-instructions-list{color:var(--md-on-surface-variant);margin:0;padding-left:20px;font-size:.85rem;line-height:1.8}.import-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.import-summary-card{text-align:center;border-radius:var(--shape-md);border:1px solid var(--md-outline-variant);padding:14px}.import-summary-success{background:var(--success-container)}.import-summary-warning{background:var(--warning-container)}.import-summary-error{background:var(--md-surface-container)}.import-summary-value{font-family:var(--font-brand);font-size:1.6rem;font-weight:700}.import-summary-label{color:var(--md-on-surface-variant);margin-top:2px;font-size:.78rem}.settings-roles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}@media (width<=1024px){.sidebar{z-index:200;width:280px;box-shadow:none;border-right:none;transform:translate(-100%)}.sidebar.open{box-shadow:var(--elevation-5);transform:translate(0)}.sidebar-close-btn{display:block}.sidebar-overlay{z-index:199;-webkit-tap-highlight-color:transparent;background:#00000052;animation:.2s fadeIn;display:block;position:fixed;inset:0}.mobile-menu-btn{align-items:center;display:flex}.app-main{width:100%;max-width:100vw;margin-left:0;overflow-x:hidden}.header{left:0}.form-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:repeat(2,1fr)}.data-table-container,.desktop-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.appt-table{min-width:920px;font-size:.82rem}}@media (width<=768px){:root{--header-height:56px}html{font-size:14px}.app-content{padding:16px}.header{padding:0 16px}.header-title{font-size:1.15rem}.header-date,.header-user-name{display:none}.header-user-btn{background:0 0;border:none;padding:4px}.header-user-btn:hover{background:var(--md-surface-container-high)}.header-user-avatar{width:34px;height:34px}.header-user-dropdown{right:-8px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.kpi-card{gap:12px;padding:14px 16px}.kpi-icon{width:38px;height:38px}.kpi-value{font-size:1.25rem}.kpi-value-sm{font-size:1rem}.kpi-label{font-size:.72rem}.dashboard-charts{grid-template-columns:1fr;gap:12px}.card{border-radius:var(--shape-md)}.card-header{flex-wrap:wrap;gap:8px;padding:14px 16px}.card-title{font-size:.9rem}.card-body{padding:16px}.filter-bar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.search-input-wrapper{grid-column:1/-1;min-width:100%}.filter-select{min-width:unset;width:100%;max-width:100%}.filter-bar .btn{grid-column:1/-1;width:100%}.app-content *{box-sizing:border-box;max-width:100%}.app-content .data-table{max-width:none}.desktop-table{display:none}.mobile-card-list{display:block!important}.pagination{flex-direction:column;gap:8px;padding:12px 14px}.form-grid,.form-grid-3{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-card{border-radius:var(--shape-xl) var(--shape-xl) 0 0;width:100%;max-width:100%;max-height:92vh;animation:.35s cubic-bezier(.2,0,0,1) slideUpSheet}.modal-header{padding:16px 20px 8px}.modal-body{padding:8px 20px 16px}.modal-footer{padding:12px 20px 16px}.modal-footer .btn{flex:1}.login-card{max-width:360px;padding:32px 24px}.login-logo{max-width:180px;height:48px}.btn{min-height:44px;padding:10px 20px}.btn-sm{min-height:36px}.appt-filters{flex-direction:column;align-items:stretch;gap:8px}.appt-date-range{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:6px;display:grid}.appt-date-range .form-input{width:100%}.appt-quick-btns{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.appt-quick-btns .btn{padding:8px 4px;font-size:.75rem}.appt-add-btn{width:100%;margin-left:0}.appt-status-grid{grid-template-columns:1fr 1fr;gap:8px}.appt-status-card{padding:12px 14px}.appt-status-label{font-size:.75rem}.import-instructions{padding:12px 14px}.import-summary-grid{gap:6px}.import-summary-card{padding:10px 8px}.import-summary-value{font-size:1.3rem}.import-summary-label{font-size:.7rem}.settings-roles-grid{grid-template-columns:1fr;gap:10px}.import-layout{grid-template-columns:1fr!important}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=400px){html{font-size:13.5px}.app-content{padding:12px}.kpi-grid{gap:8px}.kpi-card{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.kpi-value{font-size:1.15rem}.sidebar{width:85vw;max-width:280px}.card-header .btn{padding:8px 12px;font-size:.75rem}.appt-quick-btns{grid-template-columns:repeat(2,1fr)}.import-summary-value{font-size:1.1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.drp-wrapper{display:inline-block;position:relative}.drp-trigger{border:1.5px solid var(--md-outline-variant);border-radius:var(--shape-sm);background:var(--md-surface-container-lowest);color:var(--md-on-surface-variant);cursor:pointer;transition:var(--transition);white-space:nowrap;min-width:180px;font-size:.85rem;font-weight:500;font-family:var(--font-plain);align-items:center;gap:8px;padding:9px 16px;display:inline-flex}.drp-trigger:hover{border-color:var(--md-outline);background:var(--md-surface-container)}.drp-trigger-open{border-color:var(--md-primary);color:var(--md-on-surface);border-width:2px;padding:8px 15px}.drp-trigger-active{color:var(--md-primary);border-color:var(--md-primary)}.drp-clear{color:var(--md-outline);cursor:pointer;border-radius:50%;align-items:center;margin-left:auto;padding:2px;display:flex}.drp-clear:hover{background:var(--md-surface-container-highest);color:var(--md-error)}.drp-dropdown{z-index:200;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);box-shadow:var(--elevation-5);animation:.18s both fadeSlideUp;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.drp-presets{border-right:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);flex-direction:column;gap:2px;min-width:110px;padding:12px 8px;display:flex}.drp-preset-btn{border-radius:var(--shape-sm);color:var(--md-on-surface-variant);cursor:pointer;text-align:left;transition:var(--transition);white-space:nowrap;font-size:.82rem;font-weight:500;font-family:var(--font-plain);background:0 0;border:none;padding:8px 12px}.drp-preset-btn:hover{background:var(--md-primary-container);color:var(--md-on-primary-container)}.drp-calendar{min-width:280px;padding:12px 16px 10px}.drp-cal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drp-cal-title{font-family:var(--font-brand);color:var(--md-on-surface);font-size:.92rem;font-weight:700}.drp-nav-btn{border-radius:var(--shape-full);width:32px;height:32px;color:var(--md-on-surface-variant);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.drp-nav-btn:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}.drp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.drp-dow{text-align:center;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.03em;padding:4px 0 6px;font-size:.72rem;font-weight:600}.drp-day{border-radius:var(--shape-full);width:34px;height:34px;color:var(--md-on-surface);cursor:pointer;font-size:.82rem;font-weight:400;font-family:var(--font-plain);background:0 0;border:none;justify-content:center;align-items:center;margin:1px auto;transition:background .12s,color .12s;display:flex;position:relative}.drp-day:hover{background:var(--md-surface-container-highest)}.drp-day-today:after{content:"";background:var(--md-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.drp-day-start,.drp-day-end{font-weight:700;background:var(--md-primary)!important;color:var(--md-on-primary)!important}.drp-day-start:after,.drp-day-end:after{display:none}.drp-day-range{background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:0}.drp-footer{color:var(--md-on-surface-variant);text-align:center;margin-top:10px;font-size:.75rem;font-style:italic}@media (width<=640px){.drp-dropdown{min-width:unset;flex-direction:column;left:0;right:0}.drp-presets{border-right:none;border-bottom:1px solid var(--md-outline-variant);flex-flow:wrap;padding:8px}.drp-preset-btn{text-align:center;flex:1;min-width:70px}.drp-calendar{min-width:unset;width:100%}.drp-day{width:30px;height:30px;font-size:.78rem}}.pd-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.15s ease-out fadeIn;position:fixed;inset:0}.pd-drawer{z-index:301;background:var(--md-surface-container-low);box-shadow:var(--elevation-5);flex-direction:column;display:flex;position:fixed;overflow:hidden}@media (width>=769px){.pd-drawer{width:600px;max-width:90vw;animation:.3s cubic-bezier(.2,0,0,1) both drawerSlideInRight;top:0;bottom:0;right:0}}@media (width<=768px){.pd-drawer{border-radius:var(--shape-xl) var(--shape-xl) 0 0;width:100%;height:88vh;max-height:92vh;animation:.35s cubic-bezier(.2,0,0,1) both drawerSlideUp;bottom:0;left:0;right:0}}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pd-header{background:var(--md-surface-container-lowest);border-bottom:1px solid var(--md-outline-variant);flex-direction:column;flex-shrink:0;display:flex}.pd-topbar{justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 6px;display:flex}.pd-topbar-actions{align-items:center;gap:6px;display:flex}.pd-action-btn{border-radius:var(--shape-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.pd-action-edit{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.pd-action-edit:hover{filter:brightness(.95)}.pd-action-delete{color:var(--danger);background:#dc262614;padding:6px 10px}.pd-action-delete:hover{background:#dc262626}.pd-close-btn{color:var(--md-on-surface-variant);border-radius:var(--shape-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.pd-close-btn:hover{background:var(--md-surface-container-highest)}.pd-identity{align-items:flex-start;gap:14px;padding:12px 16px 14px;display:flex}.pd-identity-loading{align-items:center;gap:14px;padding:12px 16px 14px;display:flex}.pd-avatar{border-radius:var(--shape-full);background:linear-gradient(135deg, var(--md-primary), var(--md-secondary,#7965af));color:#fff;width:48px;height:48px;font-family:var(--font-brand);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex;box-shadow:0 2px 8px #1a73e840}.pd-avatar-skeleton{border-radius:var(--shape-full);background:var(--md-surface-container);flex-shrink:0;width:48px;height:48px;animation:1.4s infinite pulse}.pd-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.pd-patient-name{font-family:var(--font-brand);color:var(--md-on-surface);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.pd-status-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.pd-badge{padding:3px 9px!important;font-size:.72rem!important}.pd-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px;overflow-y:auto}.drawer-info-row{border-bottom:1px solid var(--md-outline-variant);align-items:flex-start;gap:12px;padding:8px 0;font-size:.875rem;display:flex}.drawer-info-row:last-child{border-bottom:none}.drawer-info-label{width:150px;color:var(--md-on-surface-variant);flex-shrink:0;padding-top:2px;font-size:.78rem;font-weight:500}.drawer-info-value{color:var(--md-on-surface);word-break:break-word;flex:1;font-weight:500}@media (width<=640px){.pd-topbar{padding:8px 12px 4px}.pd-identity{gap:10px;padding:10px 12px 12px}.pd-avatar{width:40px;height:40px;font-size:1.1rem}.pd-patient-name{font-size:.95rem}.pd-body{padding:12px}.drawer-info-row{flex-direction:column;gap:4px;padding:10px 0}.drawer-info-label{width:100%;padding-top:0;font-size:.72rem}.drawer-info-value{font-size:.9rem}}.drawer-tabs{background:var(--md-surface-container);border-radius:var(--shape-sm);gap:2px;padding:3px;display:inline-flex}.drawer-tab-btn{border-radius:calc(var(--shape-sm) - 2px);color:var(--md-on-surface-variant);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:5px 14px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.drawer-tab-btn:hover{background:#0000000d}.drawer-tab-btn.active{background:var(--md-surface-container-highest);color:var(--md-on-surface);box-shadow:0 1px 3px #0000001f}.btn-label{display:inline!important}@media (width<=480px){.btn-label{display:none!important}}.schedule-day-strip{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.schedule-day-strip::-webkit-scrollbar{display:none}.mgmt-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:14px 18px;transition:all .2s;display:flex}.mgmt-section-body{padding:16px 18px}.mgmt-groups-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mgmt-template-save{align-items:end;gap:8px;display:flex}.mgmt-campus-card{align-items:center;gap:12px;padding:12px 16px;display:flex}.mgmt-staff-row td{padding:6px 10px}.mgmt-section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mgmt-section-desc{display:block}.mgmt-nhom-card{background:var(--md-surface-container-lowest);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.mgmt-edit-grid{grid-template-columns:1fr 1fr 1fr 80px;gap:8px;display:grid}@media (width<=768px){.mgmt-section-header{gap:10px;padding:10px 12px}.mgmt-section-body{padding:10px}.mgmt-section-icon{border-radius:8px;width:30px;height:30px}.mgmt-section-desc{display:none}.mgmt-groups-grid{grid-template-columns:1fr;gap:12px}.mgmt-template-save{flex-direction:column;align-items:stretch}.mgmt-campus-card{flex-wrap:wrap;gap:8px;padding:10px 12px}.mgmt-staff-row td{padding:4px 6px;font-size:.75rem!important}.mgmt-staff-row .btn{min-height:32px;padding:4px!important}.mgmt-nhom-card{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}.mgmt-edit-grid{grid-template-columns:1fr 1fr}}@media (width<=400px){.mgmt-section-header{gap:8px;padding:8px 10px}.mgmt-section-body{padding:8px 6px}.mgmt-section-icon{width:28px;height:28px}}.guide-content{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.guide-content h4{color:var(--text-primary);margin:20px 0 8px;font-size:.92rem;font-weight:700}.guide-content h4:first-child{margin-top:0}.guide-content p{margin:6px 0}.guide-content ol,.guide-content ul{margin:8px 0;padding-left:20px}.guide-content li{margin:4px 0}.guide-content strong{color:var(--text-primary)}.guide-table{border-collapse:collapse;width:100%;margin:10px 0 16px;font-size:.82rem}.guide-table th{background:var(--gray-50);text-align:left;border-bottom:2px solid var(--border-color);padding:8px 12px;font-weight:600}.guide-table td{border-bottom:1px solid var(--border-color);padding:7px 12px}.guide-table tr:last-child td{border-bottom:none}.guide-note{border-radius:var(--radius-md);color:var(--primary-700);background:#3b82f60f;border:1px solid #3b82f61f;margin:12px 0;padding:12px 14px;font-size:.82rem;line-height:1.5}.guide-warning{border-radius:var(--radius-md);color:#92400e;background:#f59e0b0f;border:1px solid #f59e0b26;margin:12px 0;padding:12px 14px;font-size:.82rem;line-height:1.5}.guide-faq{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.guide-faq:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.guide-faq h4{margin-top:0!important}@media (width<=768px){.guide-content{font-size:.84rem;padding:16px!important}.guide-table{font-size:.78rem}.guide-table th,.guide-table td{padding:6px 8px}}