:root{color-scheme:dark;--bg:#0F151A;--surface:#151D24;--surface2:#1B252D;--sidebar:#10171D;--accent:#5DD6CF;--accent-dim:#15423F;--accent-soft:#183431;--on-accent:#07201E;--text:#F1F5F6;--text-sec:#AFBBC5;--text-ter:#83919D;--border:#2A3640;--border-soft:#202B34;--danger:#F17670;--danger-bg:#3A2022;--danger-text:#F7B0AC;--danger-border:#593033;--success:#4ED69B;--success-bg:#15362A;--success-text:#98E7C4;--success-border:#245740;--info:#72A8F5;--info-bg:#182D49;--info-text:#B5D0F7;--info-border:#2A4D78;--amber:#E9B65E;--amber-bg:#362A18;--amber-text:#F0CF91;--amber-border:#5B4724;--purple:#B79AF0;--purple-bg:#29213B;--purple-text:#D9C9F7;--tooltip-bg:#080D11;--tooltip-text:#FFFFFF;--overlay:rgba(5,10,14,.68);--focus-ring:rgba(93,214,207,.22);--shadow-xs:0 1px 2px rgba(0,0,0,.18);--shadow-sm:0 6px 18px rgba(0,0,0,.16);--shadow-md:0 14px 36px rgba(0,0,0,.28);--shadow-lg:0 26px 72px rgba(0,0,0,.48);--radius:16px;--radius-sm:10px}html[data-theme=light]{color-scheme:light;--bg:#F4F7F8;--surface:#FFFFFF;--surface2:#F3F7F8;--sidebar:#FAFCFC;--accent:#0F766E;--accent-dim:#BDE3DF;--accent-soft:#E5F4F2;--on-accent:#FFFFFF;--text:#17232D;--text-sec:#53616E;--text-ter:#667482;--border:#D8E1E5;--border-soft:#E8EEF0;--danger:#C83F3A;--danger-bg:#FCEDEC;--danger-text:#A9322E;--danger-border:#F0C5C2;--success:#137A55;--success-bg:#E5F5ED;--success-text:#0D6848;--success-border:#B9DFCF;--info:#276FD4;--info-bg:#EAF1FC;--info-text:#205DAF;--info-border:#BDD1EF;--amber:#9A650A;--amber-bg:#FBF1DC;--amber-text:#805407;--amber-border:#EAD4A7;--purple:#7046C1;--purple-bg:#F0EAF9;--purple-text:#5C37A4;--tooltip-bg:#17232D;--tooltip-text:#FFFFFF;--overlay:rgba(15,24,31,.48);--focus-ring:rgba(15,118,110,.18);--shadow-xs:0 1px 2px rgba(24,44,53,.06);--shadow-sm:0 7px 22px rgba(24,44,53,.07);--shadow-md:0 16px 40px rgba(24,44,53,.13);--shadow-lg:0 28px 72px rgba(24,44,53,.20)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,h1,h2,h3,h4{color:var(--text)}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.25;letter-spacing:-.018em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;background:var(--surface2);color:var(--text);border:1px solid var(--border);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:var(--text-ter);opacity:.9}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--focus-ring)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px;z-index:50;overflow-y:auto}.auth-screen:before{display:none}.login-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);margin:auto}.brand{gap:10px;margin-bottom:6px}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--accent);justify-content:center;color:var(--on-accent);font-size:18px;box-shadow:0 5px 14px var(--focus-ring)}.brand-mark,.brand-name{font-family:Manrope;font-weight:800}.brand-name{font-size:19px;letter-spacing:-.3px}.login-card h1{font-size:20px;margin:18px 0 4px}.login-card p.sub{color:var(--text-sec);font-size:13px;margin-bottom:22px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-sec);margin-bottom:6px;font-weight:500}.field input,.field select{padding:11px 13px}.btn-primary,.field input,.field select{width:100%;border-radius:var(--radius-sm)}.btn-primary{background:var(--accent);color:var(--on-accent);padding:12px;font-weight:700;font-size:14px;box-shadow:0 5px 14px var(--focus-ring);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-primary:disabled{opacity:.58;cursor:default;box-shadow:none;transform:none}.login-foot{text-align:center;margin-top:18px;font-size:12px;color:var(--text-ter)}.login-foot a{color:var(--accent);text-decoration:none;font-weight:500}.form-error{color:var(--danger);font-size:13px;margin:-6px 0 12px}#app{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--sidebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;padding:18px 0;z-index:40;box-shadow:var(--shadow-xs)}.sidebar-backdrop{display:none}.sidebar .brand{padding:0 20px 20px}.nav-group{padding:0 12px;flex:1 1;overflow-y:auto}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-ter);padding:16px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px;border-radius:10px;color:var(--text-sec);font-size:14px;font-weight:500;width:100%;text-align:left;transition:background .16s ease,color .16s ease,box-shadow .16s ease;text-decoration:none}.nav-item svg{width:17px;height:17px;flex-shrink:0;stroke-width:1.8}.nav-item.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-foot{padding:12px 16px;border-top:1px solid var(--border-soft);margin-top:8px}.user-chip{gap:10px}.user-av,.user-chip{display:flex;align-items:center}.user-av{width:32px;height:32px;border-radius:50%;background:var(--purple-bg);color:var(--purple);justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.user-chip .nm{color:var(--text);font-size:13px;font-weight:500}.user-chip .rl{color:var(--text-ter);font-size:11px}.logout-btn{margin-top:10px;width:100%;text-align:left;color:var(--text-ter);font-size:12px;padding:4px 0}.logout-btn:hover{color:var(--danger)}.main{margin-left:236px;flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{min-height:64px;background:var(--bg);border-bottom:1px solid var(--border-soft);justify-content:space-between;padding:12px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--border-soft)}.topbar,.topbar-main{display:flex;align-items:center}.topbar-main{gap:12px;min-width:0;flex:1 1}.topbar-title{min-width:0}.crumb{font-size:11px;color:var(--text-ter);letter-spacing:.4px;text-transform:uppercase;margin-bottom:2px}.topbar h2{font-size:19px;font-weight:700}.top-right{gap:12px;flex:0 0 auto}.status-pill,.top-right{display:flex;align-items:center}.status-pill{gap:6px;font-size:12.5px;color:var(--text-sec);background:var(--surface);border:1px solid var(--border);padding:6px 12px;border-radius:20px;box-shadow:var(--shadow-xs)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.lang{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.lang button{padding:5px 10px;font-size:12px;color:var(--text-sec);font-weight:500}.lang button.active{background:var(--accent-soft);color:var(--accent)}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-sec);position:relative;background:var(--surface);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.notif-dot{position:absolute;top:5px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--danger)}.theme-moon,.theme-sun{display:inline-flex;align-items:center}html:not([data-theme=light]) .theme-sun,html[data-theme=light] .theme-moon{display:none}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:min(330px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);z-index:30;overflow:hidden}.notif-head{padding:12px 16px;font-weight:600;font-size:13.5px;display:flex;justify-content:space-between;align-items:center}.notif-head,.notif-item{border-bottom:1px solid var(--border-soft)}.notif-item{padding:11px 16px;cursor:pointer;display:block;width:100%;text-align:left;text-decoration:none}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface2)}.notif-item .nt{font-size:12.5px}.notif-item .nb{font-size:12px;color:var(--text-sec);margin-top:2px}.content{padding:30px;flex:1 1;width:100%;max-width:1760px;margin:0 auto}.sub-banner{padding:10px 26px;font-size:13px;font-weight:500}.sub-banner.grace{background:var(--amber-bg);color:var(--amber-text);border-bottom:1px solid var(--amber-border)}.sub-banner.expired{background:var(--danger-bg);color:var(--danger-text);border-bottom:1px solid var(--danger-border)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}.page-head h1{font-size:22px}.btn-add{background:var(--accent);color:var(--on-accent);padding:9px 16px;border-radius:10px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 5px 14px var(--focus-ring);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;text-decoration:none}.btn-add:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-add:disabled{opacity:.58;cursor:default;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--border);color:var(--text-sec);padding:8px 14px;border-radius:10px;font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);box-shadow:var(--shadow-xs);transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn-ghost.sel{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.card{border:1px solid var(--border-soft);border-radius:var(--radius);transition:border-color .18s ease,box-shadow .18s ease}.card,.search{background:var(--surface);box-shadow:var(--shadow-xs)}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:9px 13px;max-width:380px;margin-bottom:16px;transition:border-color .16s ease,box-shadow .16s ease}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.search input{border:none;outline:none;flex:1 1;background:none;color:var(--text)}.search svg{width:16px;height:16px;color:var(--text-ter)}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-scroll>.ptable{min-width:620px}.ptable{width:100%;border-collapse:collapse}.ptable th{text-align:left;font-size:11px;color:var(--text-sec);font-weight:650;padding:12px 16px;text-transform:uppercase;letter-spacing:.55px;background:var(--surface2)}.ptable td,.ptable th{border-bottom:1px solid var(--border-soft)}.ptable td{padding:13px 16px;font-size:14px}.ptable tr:last-child td{border-bottom:none}.ptable tbody tr.rowlink{cursor:pointer;transition:background .16s ease}.p-name{gap:11px}.p-av,.p-name{display:flex;align-items:center}.p-av{width:34px;height:34px;border-radius:50%;background:var(--info-bg);color:var(--info);justify-content:center;font-size:12px;flex-shrink:0}.p-av,.tag{font-weight:600}.tag{font-size:11.5px;padding:3px 10px;border-radius:20px;display:inline-block}.tag.green{background:var(--success-bg);color:var(--success)}.tag.red{background:var(--danger-bg);color:var(--danger)}.tag.gray{background:var(--surface2);color:var(--text-sec)}.tag.amber{background:var(--amber-bg);color:var(--amber)}.tag.blue{background:var(--info-bg);color:var(--info)}.debt{color:var(--danger);font-weight:600}.muted{color:var(--text-ter)}.back{display:inline-flex;align-items:center;gap:6px;color:var(--text-sec);font-weight:500;font-size:13px;margin-bottom:14px;text-decoration:none}.back:hover{color:var(--accent)}.phead{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.phead .p-av{width:52px;height:52px;font-size:16px}.phead h1{font-size:21px}.phead .meta{color:var(--text-sec);font-size:13px;margin-top:2px}.alert{display:flex;align-items:flex-start;gap:9px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);padding:11px 14px;margin-bottom:18px}.alert svg{width:18px;height:18px;color:var(--danger);flex-shrink:0;margin-top:1px}.alert .t{font-size:13px;color:var(--danger-text);line-height:1.45}.tabs{display:flex;gap:3px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:8px 13px;font-size:13px;font-weight:500;color:var(--text-sec);border:0;margin:0;border-radius:8px;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.tab.active{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-xs)}.fgrid{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));grid-gap:16px 40px;gap:16px 40px;justify-content:start}.fgrid.cols4{grid-template-columns:repeat(4,minmax(130px,220px))}@media(max-width:900px){.fgrid.cols4{grid-template-columns:repeat(2,minmax(150px,220px))}}@media(max-width:760px){.fgrid{grid-template-columns:repeat(2,minmax(150px,220px))}}@media(max-width:420px){.fgrid{grid-template-columns:minmax(150px,220px)}}.section-h{font-size:13px;font-weight:600;color:var(--text-sec);margin:8px 0 12px;display:flex;align-items:center;gap:7px}.section-h svg{width:16px;height:16px;color:var(--text-ter)}.fld .l{font-size:12px;color:var(--text-ter);margin-bottom:2px}.fld .v{font-size:14px}.fld .v.link{color:var(--info)}.fld .v.red{color:var(--danger)}.divider{height:1px;background:var(--border-soft);margin:22px 0}.jaw-label{font-size:12px;font-weight:600;color:var(--text-sec);margin-bottom:9px}.teeth{display:grid;grid-template-columns:repeat(16,1fr);grid-gap:5px;gap:5px;margin-bottom:14px}.tooth{text-align:center;border-radius:9px;padding:9px 0;cursor:pointer;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tooth .n{font-size:11px;font-weight:600}.tooth.s-healthy{background:var(--surface2);color:var(--text-sec)}.tooth.s-problem{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.tooth.s-planned{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.tooth.s-treated{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.tooth.s-crown{background:var(--amber-bg);color:var(--amber-text);border-color:var(--amber-border)}.tooth.s-missing{background:var(--surface2);color:var(--text-ter);opacity:.4}.tooth.sel{outline:2px solid var(--accent);outline-offset:1px}.legend{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--border-soft);padding-top:13px;margin-bottom:18px}.legend .it{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-sec)}.legend-btn{border:1px solid transparent;padding:5px 9px;border-radius:8px;transition:background .16s ease,border-color .16s ease}.legend .sw{width:13px;height:13px;border-radius:4px;display:inline-block}.tooth-detail{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-xs)}.surfaces{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);grid-gap:5px;gap:5px;margin:10px 0}.surf,.surfaces{justify-content:center}.surf{border-radius:9px;display:flex;align-items:center;font-size:11px;background:var(--surface2);color:var(--text-sec);text-align:center;line-height:1.15;cursor:pointer;border:1.5px solid transparent;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.surf.sel{outline:2px solid var(--accent);outline-offset:1px}.surf.st-problem{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.surf.st-planned{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.surf.st-treated{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.surf.st-crown{background:var(--amber-bg);color:var(--amber-text);border-color:var(--amber-border)}.surf.st-missing{background:var(--surface2);color:var(--text-ter);opacity:.4}.statchip{opacity:1;transition:opacity .12s}.surf-status-disabled .statchip{opacity:.35;pointer-events:none}.timeline .row{display:flex;gap:12px;padding:7px 0;font-size:13px;color:var(--text-sec);border-bottom:1px solid var(--border-soft)}.timeline .row:last-child{border:none}.timeline .dt{min-width:80px;color:var(--text-ter)}.snaps{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.snap{width:72px;height:72px;border-radius:10px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-ter);font-size:10px;cursor:pointer;overflow:hidden;border:1px solid var(--border-soft);padding:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.snap img{width:100%;height:100%;object-fit:cover}.snap.add{border:1px dashed var(--border);background:none}.sched-toolbar{justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.sched-nav,.sched-toolbar{display:flex;align-items:center}.sched-nav{gap:10px}.sched-nav button{width:32px;height:32px;border-radius:9px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-sec);background:var(--surface);box-shadow:var(--shadow-xs);transition:transform .16s ease,background .16s ease,border-color .16s ease}.sched-range{font-size:14px;font-weight:600}.sched-view{display:flex;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:3px}.sched-view button{padding:6px 13px;font-size:12.5px;border-radius:8px;color:var(--text-sec);font-weight:500;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.sched-view button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-xs)}.schedule-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.schedule-week{min-width:0}.cal{display:grid;grid-template-columns:56px repeat(7,1fr);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs)}.cal .hcell{background:var(--surface2);padding:11px 8px;font-size:12px;font-weight:600;color:var(--text-sec);text-align:center;border-bottom:1px solid var(--border-soft);border-left:1px solid var(--border-soft)}.cal .hcell:first-child{border-left:none}.cal .tcell{padding:9px 8px;font-size:11px;color:var(--text-ter);text-align:right}.cal .cell,.cal .tcell{background:var(--surface);border-top:1px solid var(--border-soft)}.cal .cell{min-height:56px;padding:4px;border-left:1px solid var(--border-soft)}.cell.free{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.cell.slot-sel{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px;background:var(--accent-soft)}tr.dayrow-free{cursor:pointer}tr.dayrow-free:hover td{background:var(--surface2)}tr.dayrow-sel td{background:var(--accent-soft)}tr.dayrow-sel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.appt{border-radius:8px;padding:6px 8px;font-size:11.5px;margin-bottom:3px;line-height:1.35;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.appt .an{font-weight:600;display:block}.appt.a0{background:var(--success-bg);color:var(--success-text)}.appt.a1{background:var(--info-bg);color:var(--info-text)}.appt.a2{background:var(--amber-bg);color:var(--amber-text)}.appt.a3{background:var(--purple-bg);color:var(--purple-text)}.appt.pending{background:var(--amber-bg);color:var(--amber-text);border:1px dashed var(--amber)}.appt.selected{outline:2px solid var(--accent);outline-offset:-2px}.ctx-menu{position:fixed;z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:4px;min-width:150px}.ctx-menu .dd-item.danger{color:var(--danger)}.schedule-month-grid,.schedule-month-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.schedule-month-head{margin-bottom:8px}.month-cell{min-height:64px;border:1px solid var(--border-soft);border-radius:10px;padding:7px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.month-cell .d{font-size:11px;font-weight:500;color:var(--text-sec);margin-bottom:5px}.month-cell.has .d{font-weight:700;color:var(--accent)}.month-cell.has{background:var(--accent-soft)}.month-cell.other{opacity:.45}.month-cell .cnt{font-size:10.5px;font-weight:600;color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.stat .lbl{font-size:12px;color:var(--text-ter);margin-bottom:6px}.stat .val{font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:-.5px}.stat .sub{font-size:12px;color:var(--success);margin-top:4px}.stat input.val-input{border:none;background:none;padding:0;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--success);width:100%}.trbar-row{margin-bottom:16px}.trbar-row:last-child{margin-bottom:0}.trbar-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.trbar-track{height:7px;background:var(--surface2);border-radius:4px;overflow:hidden}.trbar-fill{height:100%;background:var(--accent);border-radius:4px;box-shadow:0 0 0 1px var(--focus-ring)}.doc-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border-soft)}.doc-row:last-child{border:none}.doc-row .nm{font-weight:600;font-size:14px}.doc-row .sub{font-size:12px;color:var(--text-ter);margin-top:1px}.rating{color:var(--amber);font-weight:600;font-size:13px;display:flex;align-items:center;gap:4px}.chart-tip{display:none;position:absolute;background:var(--tooltip-bg);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:12px;color:var(--tooltip-text);pointer-events:none;white-space:nowrap;transform:translate(-50%,-115%);z-index:5}.chart-tip .td{color:var(--text-ter);font-size:11px}.chart-tip .tv{font-weight:700}.dashboard-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.dashboard-split.analytics-split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.dashboard-split.single{grid-template-columns:minmax(0,1fr)}.dashboard-split.spaced{margin-bottom:18px}.dashboard-split>*{min-width:0}.perm{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border-soft)}.perm:last-child{border:none}.perm .lft{display:flex;align-items:center;gap:11px}.perm .lft svg{width:18px;height:18px;color:var(--text-ter)}.toggle{width:42px;height:24px;background:var(--surface2);border:1px solid var(--border);border-radius:13px;position:relative;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;flex-shrink:0;cursor:pointer}.toggle:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:var(--text-sec);border-radius:50%;box-shadow:var(--shadow-xs);transition:left .16s ease,background .16s ease}.toggle.on{background:var(--accent-dim);border-color:var(--accent)}.toggle.on:after{left:20px;background:var(--accent)}.set-tabs{display:flex;gap:3px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px;background:var(--surface2);border:1px solid var(--border);border-radius:11px;margin-bottom:18px;flex-wrap:wrap}.set-tab{padding:7px 13px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-sec);background:transparent;border:1px solid transparent;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.set-tab.active{background:var(--surface);color:var(--accent);border-color:var(--border-soft);box-shadow:var(--shadow-xs)}.note{font-size:12px;color:var(--text-ter);margin-top:14px;display:flex;align-items:center;gap:6px}.note svg{width:14px;height:14px;flex-shrink:0}.tooltip-wrap{position:relative}.tip-icon,.tooltip-wrap{display:inline-flex;align-items:center}.tip-icon{width:16px;height:16px;border-radius:50%;background:var(--surface2);color:var(--text-sec);font-size:10px;font-weight:700;justify-content:center;cursor:default;flex-shrink:0}.tip-box,.tip-icon{border:1px solid var(--border)}.tip-box{display:none;position:absolute;left:22px;top:50%;transform:translateY(-50%);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:12px;line-height:1.5;padding:9px 12px;border-radius:10px;width:240px;z-index:99;box-shadow:var(--shadow-md)}.tooltip-wrap:focus-within .tip-box,.tooltip-wrap:hover .tip-box{display:block}.modal-bg{position:fixed;inset:0;background:var(--overlay);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;overscroll-behavior:contain;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlayIn .16s ease-out}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(22px,3vw,30px);width:min(100%,520px);max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);min-width:0;overflow:auto;flex:0 0 auto;margin:auto;box-shadow:var(--shadow-lg);animation:modalIn .2s cubic-bezier(.2,.8,.2,1)}.modal.wide{width:min(100%,700px);max-width:none}.modal h3{font-size:18px;margin-bottom:4px}.modal p.s{color:var(--text-sec);font-size:13px;margin-bottom:18px}.modal .field input,.modal .field select,.modal .field textarea{width:100%;min-width:0;padding:10px 12px;border-radius:8px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn-primary{flex:1 1;width:auto}.modal-actions .btn-ghost{flex:1 1;justify-content:center}.modal-form-row,.modal-form-row>*{min-width:0}.dd-list{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:11px;max-height:min(240px,32dvh);overflow-y:auto;z-index:20;box-shadow:var(--shadow-md);animation:dropdownIn .16s ease-out}.dd-item{min-height:40px;padding:9px 12px;font-size:13.5px;cursor:pointer;display:block;width:100%;text-align:left;transition:background .14s ease,color .14s ease}.receipt{max-width:none;width:min(100%,520px);max-height:calc(100dvh - 32px);aspect-ratio:210/297;padding:0;overflow-y:auto;background:#fff;color:#1B1B1B;display:flex;flex-direction:column;border-radius:16px;box-shadow:var(--shadow-lg);animation:modalIn .2s cubic-bezier(.2,.8,.2,1)}.receipt-inner{padding:28px 30px 0;flex:1 1;display:flex;flex-direction:column}.receipt table{width:100%;border-collapse:collapse;font-size:13px}.receipt th{color:#888;font-size:10.5px;text-transform:uppercase;padding:4px 0;border-bottom:1px solid #ddd;text-align:left}.receipt td{padding:7px 0;border-bottom:1px solid #eee}.receipt .sec-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#999;letter-spacing:.4px;margin-bottom:6px}.menu-btn{display:none}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:1100px){.topbar{padding-inline:24px}.content{padding:24px}}@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:var(--overlay);z-index:35;cursor:default;animation:overlayIn .16s ease-out}.main{margin-left:0}.menu-btn{display:inline-flex;align-items:center}.teeth{grid-template-columns:repeat(16,44px);gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 8px}.tooth{min-height:44px;padding:9px 0;display:flex;align-items:center;justify-content:center}.schedule-week{min-width:660px}.schedule-month{min-width:582px}.cal{grid-template-columns:44px repeat(7,minmax(88px,1fr));font-size:11px;overflow:hidden}}@media(max-width:640px){.topbar{min-height:58px;padding:10px;gap:6px}.topbar-main{gap:7px}.topbar h2{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb,.status-pill{display:none}.top-right{gap:4px}.menu-btn{width:36px;height:36px;padding:0;justify-content:center;flex:0 0 36px}.lang button{padding:5px 6px;font-size:11px}.icon-btn{width:34px;height:34px}.content{padding:18px 14px}.page-head h1{font-size:20px}.notif-dropdown{position:fixed;top:58px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 72px);overflow-y:auto}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:15px}.stat .val,.stat input.val-input{font-size:22px}.dashboard-split,.dashboard-split.analytics-split{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.modal-bg{padding:8px}.modal{max-height:calc(100dvh - 16px);padding:20px;border-radius:15px}.modal-form-row{flex-direction:column;flex-wrap:nowrap;align-items:stretch!important}.modal-form-row>.field,.modal-form-row>button,.modal-form-row>input,.modal-form-row>select{flex:none!important;width:100%!important}.modal-form-row>.btn-add{justify-content:center;margin-bottom:0!important}.modal-actions{flex-wrap:wrap}.modal-actions>button{flex:1 1 140px!important}.receipt{max-height:calc(100dvh - 16px);border-radius:14px}.receipt-inner{padding:22px 20px 0}.fgrid,.fgrid.cols4{grid-template-columns:minmax(0,1fr);width:100%}}@media(max-width:420px){.login-card{padding:28px 22px;border-radius:18px}.stats{grid-template-columns:1fr}.fgrid,.fgrid.cols4{grid-template-columns:minmax(0,1fr)}}@media(hover:hover){.btn-add:not(:disabled):hover,.btn-primary:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 20px var(--focus-ring)}.btn-ghost:not(:disabled):hover{border-color:var(--accent-dim);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost:not(:disabled):hover,.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn:hover,.sched-nav button:hover{background:var(--surface2);border-color:var(--accent-dim);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cell.free:hover,.dd-item:hover,.notif-item:hover,.ptable tbody tr.rowlink:hover{background:var(--accent-soft)}.card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.set-tab:hover,.tab:hover{color:var(--text)}.surf:hover,.tooth:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border)}.legend-btn:hover{background:var(--surface2);border-color:var(--border)}.appt:hover,.month-cell:hover,.snap:hover,.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border)}}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:fixed;inset:0;max-width:none;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.no-print{display:none!important}}