:root,[data-theme=light]{--surface: #f5f7fb;--surface-raised: #ffffff;--surface-sunken: #e8edf5;--line: #d3dbe7;--line-strong: #77859b;--ink: #0f1a2e;--ink-muted: #4c5a70;--primary: #0040a8;--primary-hover: #00337f;--primary-soft: #dde7f7;--on-primary: #ffffff;--accent: #a8375a;--accent-soft: #f8e3e9;--on-accent: #ffffff;--success: #1c7340;--success-soft: #e1f2e7;--warning: #94560a;--warning-soft: #fbeed9;--danger: #b0261f;--danger-soft: #fbe4e2;--info: #0d6b80;--info-soft: #dcf0f4;--focus: #0040a8;--tooth-sound: #ffffff;--tooth-caries: var(--danger);--tooth-filling: var(--info);--tooth-crown: #b07a12;--tooth-missing: #8a96a8;--tooth-root: #7a4a2a;--shadow-sheet: 0 -4px 24px rgba(15,26,46,.12)}[data-theme=dark]{--surface: #0d131f;--surface-raised: #151d2c;--surface-sunken: #0a0f18;--line: #283246;--line-strong: #5b6880;--ink: #e6ebf3;--ink-muted: #9eabc0;--primary: #7aa7f0;--primary-hover: #9dbef5;--primary-soft: #142443;--on-primary: #061a3d;--accent: #f08aa5;--accent-soft: #3a1520;--on-accent: #2a0812;--success: #5ccb8b;--success-soft: #12301f;--warning: #f0b260;--warning-soft: #36260c;--danger: #f2877f;--danger-soft: #3b1513;--info: #6fcbe0;--info-soft: #0f2e36;--focus: #9dbef5;--tooth-sound: #1c2536;--tooth-caries: var(--danger);--tooth-filling: var(--info);--tooth-crown: #e6b54a;--tooth-missing: #5b6880;--tooth-root: #d6a37f;--shadow-sheet: 0 -4px 24px rgba(0,0,0,.5)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:22px;background:var(--surface);color:var(--ink)}.kg-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding:var(--space-4)}.kg-stack{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);max-width:360px}.kg-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kg-btn{font:inherit;font-weight:600;font-size:15px;height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.kg-btn:hover{border-color:var(--line-strong)}.kg-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.kg-btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.kg-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.kg-btn-ghost{background:transparent;border-color:transparent;color:var(--primary)}.kg-btn-danger{background:var(--surface-raised);border-color:var(--danger);color:var(--danger)}.kg-btn-sm{height:36px;font-size:14px;padding:0 var(--space-3)}.kg-btn-block{width:100%}.kg-btn[disabled]{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-muted);cursor:not-allowed}.kg-field{display:flex;flex-direction:column;gap:6px}.kg-field-label{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.kg-input{font:inherit;height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);box-sizing:border-box;width:100%}textarea.kg-input{height:auto;min-height:88px;padding:var(--space-3);resize:vertical}.kg-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--primary)}.kg-input::placeholder{color:var(--ink-muted)}.kg-field-help{font-size:13px;line-height:18px;color:var(--ink-muted)}.kg-field-error .kg-input{border-color:var(--danger);background:var(--danger-soft)}.kg-field-error .kg-field-help{color:var(--danger)}.kg-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:22px;font-weight:700;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink-muted);white-space:nowrap}.kg-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.kg-badge-warning{background:var(--warning-soft);color:var(--warning)}.kg-badge-info{background:var(--info-soft);color:var(--info)}.kg-badge-primary{background:var(--primary-soft);color:var(--primary)}.kg-badge-success{background:var(--success-soft);color:var(--success)}.kg-badge-danger{background:var(--danger-soft);color:var(--danger)}.kg-appt{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-3);align-items:start;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg)}.kg-appt-time{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}.kg-appt-time small{display:block;font-size:12px;color:var(--ink-muted)}.kg-appt-name{font-weight:600}.kg-appt-meta{font-size:13px;line-height:18px;color:var(--ink-muted)}.kg-appt-now{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.kg-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:var(--space-2)}.kg-slot{font:inherit;font-family:var(--font-mono);font-size:14px;font-weight:500;height:40px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);cursor:pointer}.kg-slot:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.kg-slot[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.kg-slot[disabled]{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-muted);text-decoration:line-through;cursor:not-allowed}.kg-odonto{display:grid;gap:6px;padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-lg);overflow-x:auto}.kg-odonto-row{display:flex;gap:4px;justify-content:center}.kg-odonto-gap{width:10px;border-left:1px dashed var(--line-strong);margin-left:3px}.kg-tooth{display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--ink-muted)}.kg-tooth svg{width:30px;height:30px;display:block}.kg-tooth span{font-family:var(--font-mono);font-size:11px;line-height:12px}.kg-tooth:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.kg-tooth .s{fill:var(--tooth-sound);stroke:var(--line-strong);stroke-width:1}.kg-tooth .c{fill:var(--tooth-caries)}.kg-tooth .f{fill:var(--tooth-filling)}.kg-tooth .k{fill:var(--tooth-crown)}.kg-tooth .r{fill:var(--tooth-root)}.kg-tooth .x{stroke:var(--tooth-missing);stroke-width:2.5}.kg-tooth[aria-pressed=true] span{color:var(--primary);font-weight:700}.kg-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:12px;color:var(--ink-muted)}.kg-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh}h1,h2,h3{text-wrap:balance}a{color:var(--primary)}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.muted{color:var(--ink-muted)}.small{font-size:13px;line-height:18px}.error-box{padding:12px 16px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:14px}.info-box{padding:12px 16px;border-radius:12px;background:var(--info-soft);color:var(--info);font-size:14px}.ok-box{padding:12px 16px;border-radius:12px;background:var(--success-soft);color:var(--success);font-size:14px}.chip{font:inherit;font-size:13px;font-weight:600;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);cursor:pointer;white-space:nowrap}.chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.table-box{overflow-x:auto;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}table.data tr:last-child td{border-bottom:0}select.kg-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.actions{display:flex;flex-wrap:wrap;gap:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:inline}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.tabbar{display:none}@media (max-width: 720px){.hide-mobile{display:none!important}body:has(.tabbar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}:root{--tabbar-h: calc(64px + env(safe-area-inset-bottom, 0px)) }.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface-raised);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;font-size:11px;font-weight:600;color:var(--ink-muted);text-decoration:none}.tabbar a[aria-current=page]{color:var(--primary)}.tabbar a:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;border-radius:var(--radius-md)}}.hero{background:linear-gradient(180deg,var(--primary-soft) 0%,var(--surface) 100%);border-bottom:1px solid var(--line)}.hero-inner{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding-block:clamp(32px,6vw,72px)}.hero-text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}.hero-title{margin:0;font-size:clamp(34px,6vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--primary)}.hero-sub{margin:0;font-size:clamp(20px,3vw,30px);font-weight:800;text-transform:uppercase;color:var(--primary)}.hero-tagline{margin:4px 0 0;font-size:clamp(17px,2.2vw,22px);font-style:italic;font-weight:600;color:var(--ink)}.stack{display:flex;flex-direction:column;gap:12px}.link-btn{font:inherit;font-weight:600;color:var(--primary);background:none;border:0;padding:0;cursor:pointer;text-align:left}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:520px}.stat{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--line);font-size:12px;color:var(--ink-muted)}.stat .kg-mono{font-size:22px;color:var(--ink)}.stat-warn{background:var(--warning-soft);border-color:var(--warning-soft);color:var(--warning)}.stat-warn .kg-mono{color:var(--warning)}.queue-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;background:var(--surface-raised);border:1px solid var(--line);border-radius:16px;padding-right:8px}.queue-now{border-color:var(--primary);border-left-width:4px}.queue-main{flex:1 1 300px;display:flex;gap:12px;align-items:flex-start;font:inherit;color:var(--ink);text-align:left;background:none;border:0;padding:12px 8px 12px 16px;cursor:pointer;border-radius:16px}.queue-main:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.pick-list{display:flex;flex-direction:column;gap:6px}.pick-list button{font:inherit;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer}.pick-list button:hover{border-color:var(--primary)}.kg-input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.kg-odonto-adult .kg-tooth svg{width:clamp(15px,calc((100vw - 140px)/16),30px);height:clamp(15px,calc((100vw - 140px)/16),30px)}.kg-odonto-adult .kg-odonto-row{gap:2px}.kg-tooth:disabled{opacity:1}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--ink);color:var(--surface);padding:12px 18px;border-radius:12px;font-weight:600;font-size:15px;transition:opacity .15s,transform .15s;z-index:50;max-width:calc(100vw - 32px)}.toast[data-show=true]{opacity:1;transform:translate(-50%)}.admin-nav{flex:1 1 220px;max-width:100%;padding:16px;display:flex;flex-wrap:wrap;gap:4px;font-size:14px;font-weight:600}.admin-nav a{flex:1 1 150px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}.admin-nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary)}@media (max-width: 720px){.admin-nav{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--surface-raised);scrollbar-width:none}.admin-nav a{flex:none;white-space:nowrap;padding:8px 12px}}.notif{position:relative}.notif-btn{position:relative;width:40px;padding:0}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:var(--surface);font-size:11px;font-weight:700;line-height:18px;text-align:center}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:min(380px,calc(100vw - 32px));max-height:min(70vh,560px);overflow-y:auto;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000029}.notif-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 16px;background:var(--surface-raised);border-bottom:1px solid var(--line)}.notif-day{padding:10px 16px 4px;font-size:12px;font-weight:700;color:var(--ink-muted)}.notif-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.notif-item:disabled{cursor:default}.notif-item:not(:disabled):hover{background:var(--surface)}.notif-unread{background:var(--primary-soft)}