:root{--bg: #ffffff;--panel: #f6f6f8;--card: #ffffff;--text: #111111;--text-secondary: #6f6f73;--border: #e8e8ec;--primary: #0b74ff;--primary-hover: #005fd4;--focus-ring: rgba(11, 116, 255, .35);--radius: 20px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(10, 10, 10, .07);--shadow-sm: 0 4px 12px rgba(10, 10, 10, .06);--space: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--status-active: #16a34a;--status-expired: #ef4444;--status-paused: #f59e0b;--status-cancelled: #6b7280}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;width:100%;min-height:100dvh}#root{min-height:100dvh;width:100%}@supports (-webkit-touch-callout: none){body,#root{min-height:-webkit-fill-available}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-weight:600;transition:background .15s,box-shadow .15s,border-color .15s,color .15s}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.btn-primary{background:#111;color:#fff}.btn-primary:hover{background:#1e1e1e}.btn-secondary{background:#ececf1;color:var(--text);border:1px solid transparent}.btn-secondary:hover{background:#e4e4ea}.input,.select,.textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text)}.input::placeholder,.textarea::placeholder{color:var(--text-secondary)}.textarea{min-height:100px;resize:vertical}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236e6e73' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.label{display:block;margin-bottom:6px;font-weight:500;color:var(--text)}.label-optional{font-weight:400;color:var(--text-secondary)}.form-group{margin-bottom:var(--space-2)}.table-wrap{overflow-x:auto;border-radius:18px;border:1px solid #ececf0;background:#fff;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 16px;text-align:left;border-bottom:1px solid #efeff3}.table th{font-weight:600;color:#80808a;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#f8f8fa}.table tbody tr:hover{background:#f9f9fb}.table tbody tr:last-child td{border-bottom:none}.table tbody tr[data-clickable]{cursor:pointer}.card{background:#f6f6f8;border-radius:20px;border:1px solid transparent;box-shadow:none;padding:20px}.container{max-width:100%;margin:0 auto;padding:0}.admin-shell{min-height:100vh;background:#fff;padding:24px;position:relative;overflow-x:hidden}@media (display-mode: standalone){.admin-shell{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));min-height:100dvh}}.admin-sidebar{background:#0a0a0a;border-radius:22px;padding:22px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:10px 0 20px #0003;position:fixed;top:24px;left:24px;width:114px;height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:hidden}.admin-brand{width:100%;display:flex;justify-content:center}.admin-brand-logo{width:44px;height:44px;object-fit:contain}.admin-nav{display:flex;flex-direction:column;gap:10px;margin-top:20px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none}.admin-nav::-webkit-scrollbar{width:0;height:0}.admin-nav-link{width:100%;min-height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:6px 4px;color:#9fa1ab;text-decoration:none;transition:background .15s,color .15s;position:relative}.admin-nav-link-label{font-size:10px;font-weight:600;line-height:1;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav-link:hover{background:#ffffff14;color:#fff}.admin-nav-link.active{background:#fff;color:#111}.admin-nav-link:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:6px 10px;border-radius:10px;background:#111;color:#fff;font-size:12px;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .15s}.admin-nav-link:hover:after{opacity:1}.admin-main{min-width:0;margin-left:138px}.doctor-shell .admin-brand{display:none}.doctor-shell .admin-sidebar{width:130px;padding-top:14px}.manager-shell .admin-brand{display:none}.manager-shell .admin-sidebar{width:138px;padding-top:14px}.doctor-shell .admin-nav,.manager-shell .admin-nav{margin-top:4px}.doctor-shell .admin-nav-link,.manager-shell .admin-nav-link{min-height:62px}.doctor-nav-mobile,.manager-nav-mobile{width:100%}.doctor-logout-link,.manager-logout-link{background:transparent}.admin-topbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-search{flex:1;min-width:220px;background:#f6f6f8;border:1px solid #ededf2;border-radius:12px;height:44px;display:flex;align-items:center;padding:0 12px;gap:8px}.admin-search input{border:0;background:transparent;width:100%;outline:none;font-size:14px}.admin-user-pill{background:#f6f6f8;border-radius:12px;border:1px solid #ededf2;height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 10px 0 8px;color:#111;font-size:13px}.admin-content{background:#fff;border-radius:20px;min-height:calc(100vh - 96px);padding:4px}.admin-content-inner{background:#fff;border-radius:20px;min-height:calc(100vh - 104px);display:flex;flex-direction:column}.admin-page{padding:10px}.doctor-shell .admin-content,.doctor-shell .admin-content-inner{border-radius:12px;padding:0}.doctor-page-root,.doctor-page-root *{max-width:100%}.doctor-desktop-section-tabs{flex-shrink:0;display:flex;justify-content:center;padding:18px 24px 0;background:#fff}.doctor-desktop-section-tabs-inner{display:inline-flex;gap:4px;padding:4px;border-radius:16px;background:#eceef2;box-shadow:inset 0 1px #ffffffbf}.doctor-desktop-section-tab{border:0;border-radius:12px;padding:9px 16px;background:transparent;color:#7c8798;font-weight:900;cursor:pointer;transition:transform .18s cubic-bezier(.2,.85,.2,1),background .18s ease,color .18s ease,box-shadow .18s ease}.doctor-desktop-section-tab:hover{transform:translateY(-1px);color:#111827}.doctor-desktop-section-tab.is-active{background:#fff;color:#111827;box-shadow:0 10px 24px #0f172a14}.dental-chart-canvas{width:100%;overflow:hidden}.dental-chart-controls{flex-wrap:wrap}.doctor-desktop-calendar-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(37,99,235,.1),transparent 28%),radial-gradient(circle at 82% 4%,rgba(15,23,42,.07),transparent 24%),linear-gradient(180deg,#fbfbfc,#f6f7f9);border-bottom:1px solid rgba(203,213,225,.74);animation:doctorCalendarEnter .52s cubic-bezier(.2,.85,.2,1)}.doctor-desktop-calendar-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 86%);opacity:.42}.doctor-desktop-calendar-wrap{transform-origin:top center;transition:filter .26s ease,opacity .26s ease,transform .26s ease}.doctor-desktop-calendar-wrap.is-blurred{filter:blur(4px);opacity:.46;transform:scale(.992);pointer-events:none}.doctor-desktop-calendar-arrow{border:1px solid rgba(226,232,240,.96)!important;background:#ffffffc2!important;box-shadow:0 1px #ffffffdb inset,0 12px 32px #0f172a0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s cubic-bezier(.2,.85,.2,1),background .18s ease,box-shadow .18s ease}.doctor-desktop-calendar-arrow:hover{transform:translateY(-1px) scale(1.04);background:#fffffff0!important;box-shadow:0 1px #ffffffeb inset,0 18px 38px #0f172a1c}.doctor-desktop-calendar-arrow:active{transform:translateY(0) scale(.96)}.doctor-desktop-calendar-cell{position:relative;overflow:hidden;border:1px solid rgba(222,226,232,.92)!important;background:linear-gradient(180deg,#ffffffeb,#ffffffb8)!important;box-shadow:0 1px #fffffff5 inset,0 18px 46px #0f172a09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:doctorCalendarCellIn .42s cubic-bezier(.16,1,.3,1) both;transition:transform .22s cubic-bezier(.2,.85,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease,opacity .22s ease}.doctor-desktop-calendar-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.1),transparent 54%),radial-gradient(circle at 85% 10%,rgba(255,255,255,.78),transparent 34%);opacity:0;transform:scale(.85);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.doctor-desktop-calendar-cell:hover{transform:translateY(-3px);border-color:#94a3b8d1!important;box-shadow:0 1px #fffffff0 inset,0 24px 54px #0f172a17}.doctor-desktop-calendar-cell:hover:before{opacity:1;transform:scale(1)}.doctor-desktop-calendar-cell:active{transform:translateY(-1px) scale(.985)}.doctor-desktop-calendar-cell.is-selected{border-color:#0f172af2!important;background:#fffffff5!important;box-shadow:0 0 0 1px #0f172a1a,0 24px 58px #0f172a1f;animation:doctorCalendarSelect .28s cubic-bezier(.2,.85,.2,1)}.doctor-desktop-calendar-cell.is-muted{background:#f1f5f994!important;box-shadow:none!important}.doctor-desktop-calendar-cell.has-shift .doctor-desktop-calendar-day{color:#0f172a}.doctor-desktop-calendar-dot{box-shadow:0 0 0 5px #0f172a0f;animation:doctorCalendarDotPulse 1.8s ease-in-out infinite}.doctor-calendar-modal-overlay{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.52),transparent 34%),#f8f8f99e!important;-webkit-backdrop-filter:blur(8px) saturate(1.1)!important;backdrop-filter:blur(8px) saturate(1.1)!important;animation:doctorCalendarOverlayIn .24s ease}.doctor-calendar-modal-card{background:linear-gradient(145deg,#ffffffe0,#f8fafcb8)!important;border:1px solid rgba(174,184,204,.92)!important;box-shadow:0 1px #fffffff5 inset,0 34px 110px #0f172a38!important;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08);animation:doctorCalendarModalIn .36s cubic-bezier(.16,1,.3,1);transform-origin:center}.doctor-calendar-pill{transition:transform .18s cubic-bezier(.2,.85,.2,1),background .18s ease,box-shadow .18s ease}.doctor-calendar-pill:hover{transform:translateY(-1px);background:#fff!important;box-shadow:0 12px 24px #0f172a14}.doctor-calendar-shift-card{transition:transform .18s cubic-bezier(.2,.85,.2,1),border-color .18s ease,box-shadow .18s ease}.doctor-calendar-shift-card:hover{transform:translateY(-2px);border-color:#94a3b8e0!important;box-shadow:0 16px 34px #0f172a14}@keyframes doctorCalendarEnter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes doctorCalendarCellIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes doctorCalendarSelect{0%{transform:scale(.985)}65%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes doctorCalendarDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.42}}@keyframes doctorCalendarOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes doctorCalendarModalIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){html,body,#root{overflow-x:hidden;width:100%}body{font-size:14px}.admin-shell{display:flex;flex-direction:column;gap:12px;padding-top:max(6px,env(safe-area-inset-top,0px));padding-right:max(4px,env(safe-area-inset-right,0px));padding-bottom:max(6px,env(safe-area-inset-bottom,0px));padding-left:max(4px,env(safe-area-inset-left,0px))}.admin-sidebar{border-radius:16px;padding:10px;position:static;top:auto;left:auto;width:100%;height:auto;max-height:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.doctor-shell .admin-sidebar,.manager-shell .admin-sidebar{background:#0f1115;border-radius:12px;padding:6px;width:100%!important;display:block;position:sticky;top:8px;z-index:20;box-shadow:0 10px 18px #0f111540}.doctor-shell .admin-nav,.manager-shell .admin-nav{margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px;overflow:visible}.doctor-shell .admin-nav-link,.manager-shell .admin-nav-link{min-width:0;width:100%;min-height:52px;border-radius:10px;padding:4px 2px}.doctor-shell .admin-nav-link-label,.manager-shell .admin-nav-link-label{font-size:9px;line-height:1.1;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none}.doctor-shell .admin-main,.manager-shell .admin-main{margin-left:0}.admin-sidebar>div{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.admin-brand-logo{width:28px;height:28px}.admin-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;margin-top:0;flex:1}.admin-nav-link{min-width:62px;width:62px;min-height:52px}.admin-nav-link:after{display:none}.admin-nav-link-label{font-size:9px}.admin-topbar{flex-wrap:wrap;gap:8px}.admin-main{margin-left:0}.admin-search{min-width:100%}.admin-content,.admin-content-inner{min-height:auto}.doctor-shell .admin-content,.doctor-shell .admin-content-inner{border-radius:10px}.admin-page{padding:2px 0}.doctor-page-root{height:auto!important;min-height:calc(100dvh - 140px);overflow:visible!important;width:100%}.doctor-main-content{display:block!important;overflow:visible!important;width:100%}.doctor-panel-left{width:100%!important;flex:1 1 auto!important;max-width:100%!important;border-right:none!important;border-bottom:1px solid #e2e8f0}.doctor-panel-right{width:100%!important;max-width:100%!important;overflow-y:visible!important;padding:8px 6px!important}.doctor-detail-body{max-width:100%!important;width:100%!important}.doctor-detail-grid{flex-direction:column!important;gap:10px!important}.doctor-form-col,.doctor-plan-panel{width:100%!important;min-width:0!important}.doctor-referral-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.dental-chart-canvas{overflow:hidden}.dental-chart-root svg{min-width:0}.doctor-page-root .card,.doctor-page-root input,.doctor-page-root textarea,.doctor-page-root select{font-size:16px!important}.doctor-page-root button{min-height:40px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{padding:8px 10px;font-size:13px;white-space:nowrap}.card{padding:14px}.btn{padding:8px 14px;font-size:13px}}@media (max-width: 480px){.btn{padding:7px 11px;font-size:12px}.table th,.table td{padding:7px 8px;font-size:12px}}