@import"https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #eef5f1;--surface: #ffffff;--surface-2: #f1f8f4;--surface-3: #e5f2eb;--ink: #0e1f1a;--ink-2: #45605a;--ink-3: #7a938b;--line: #d8e7df;--line-2: #c1d8cd;--accent: #128a7f;--accent-2: #159aa6;--accent-3: #e08a4e;--accent-soft: #d8ece9;--accent-3-soft: #f7e4d5;--accent-ink: #0a5b53;--ok: #16a34a;--ok-soft: #d5f3de;--warn: #e08a09;--warn-soft: #fbeccf;--crit: #e94b3c;--crit-soft: #fbe0dc;--shadow: 0 1px 2px rgba(9, 40, 33, .05), 0 10px 28px -12px rgba(9, 40, 33, .2);--radius: 12px;--radius-s: 8px}@media (prefers-color-scheme: dark){:root{--bg: #08130f;--surface: #0f201a;--surface-2: #152a23;--surface-3: #1c332b;--ink: #e8f3ee;--ink-2: #a4bcb3;--ink-3: #728a82;--line: #21382f;--line-2: #2c493e;--accent: #2bc4b0;--accent-2: #33bcd0;--accent-3: #f0966a;--accent-soft: #123330;--accent-3-soft: #3a231a;--accent-ink: #7fe9d9;--ok: #34d399;--ok-soft: #0f331f;--warn: #f0b53f;--warn-soft: #3a2c10;--crit: #f4776a;--crit-soft: #3a1e1a;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 32px -14px rgba(0, 0, 0, .65)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Archivo,system-ui,sans-serif;margin:0}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.btn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:var(--radius-s);padding:9px 15px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:linear-gradient(150deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.btn-primary:hover{color:#fff;opacity:.94}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-3);color:var(--accent)}.btn-sm{padding:6px 11px;font-size:13px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.brand{display:flex;align-items:center;gap:10px;font-family:Archivo;font-weight:800;font-size:19px;margin-bottom:4px}.brand .dot{width:24px;height:24px;border-radius:7px;background:linear-gradient(150deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px var(--accent-soft)}.login-sub{color:var(--ink-3);font-size:13px;margin:0 0 22px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12.5px;color:var(--ink-2);font-weight:500}.field input{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);border-radius:var(--radius-s);padding:10px 12px;font-size:14px}.field input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.err{color:var(--crit);font-size:13px;margin:4px 0 12px}.hint{color:var(--ink-3);font-size:12px;margin-top:14px;text-align:center}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 70%,var(--surface)),var(--surface))}.appbar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.appbar .grow{flex:1}.appbar .who{font-size:13px;color:var(--ink-2);text-align:right}.appbar .who b{color:var(--ink);font-weight:600;display:block}.container{padding:18px 20px 40px}.datebar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.datebar .date-title{font-family:Archivo;font-weight:700;font-size:18px;min-width:190px}.datebar input[type=date]{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:var(--radius-s);padding:7px 10px;font-size:13px}.loc-pill{font-size:13px;color:var(--accent-ink);background:var(--accent-soft);border:1px solid transparent;border-radius:20px;padding:6px 13px;font-weight:500}.cal-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-x:auto}.cal{display:flex;min-width:640px}.col{display:flex;flex-direction:column;border-right:1px solid var(--line)}.col:last-child{border-right:none}.col.times{flex:0 0 62px}.col.post{flex:1 1 0;min-width:140px}.col-head{height:46px;display:flex;align-items:center;justify-content:center;font-family:Archivo;font-weight:700;font-size:13.5px;letter-spacing:.01em;border-bottom:1px solid transparent;position:sticky;top:0;z-index:2;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.col.times .col-head{background:var(--accent-ink)}.col.post:nth-of-type(2n) .col-body{background:color-mix(in srgb,var(--accent-soft) 24%,transparent)}.col-body{position:relative}.tlabel{display:flex;align-items:flex-start;justify-content:flex-end;padding:3px 8px 0 0;font-family:IBM Plex Mono;font-size:11px;color:var(--ink-3);border-bottom:1px dashed var(--line)}.slot{display:block;width:100%;border:none;border-bottom:1px dashed var(--line);background:transparent;padding:0}.slot:hover{background:var(--accent-soft)}.slot:disabled{cursor:not-allowed;background:var(--surface-2)}.slot:disabled:hover{background:var(--surface-2)}.appt{position:absolute;left:4px;right:4px;border-radius:7px;padding:5px 7px;color:#fff;overflow:hidden;box-shadow:var(--shadow);border:none;text-align:left;font-size:11.5px;line-height:1.25}.appt b{display:block;font-size:11.5px;font-weight:600}.appt small{opacity:.9;font-size:10.5px}.st-created{background:linear-gradient(140deg,#8aa0a2,#6f8688)}.st-confirmed{background:linear-gradient(140deg,var(--accent),var(--accent-2))}.st-in_progress{background:linear-gradient(140deg,#a86813,#c58a2e)}.st-done{background:linear-gradient(140deg,#0f8a58,#14a06a)}.note{color:var(--ink-3);font-size:13px;padding:10px 2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06101180;display:grid;place-items:center;padding:20px;z-index:40}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;max-height:90vh;overflow-y:auto}.modal h3{font-size:18px;margin-bottom:4px}.modal .msub{color:var(--ink-3);font-size:13px;margin-bottom:16px}.svc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.svc{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);cursor:pointer}.svc.on{border-color:var(--accent);background:var(--accent-soft)}.svc .svc-name{flex:1;font-size:14px}.svc .svc-meta{font-family:IBM Plex Mono;font-size:12px;color:var(--ink-2)}.total{display:flex;justify-content:space-between;font-size:14px;padding:10px 2px;border-top:1px solid var(--line);margin-top:4px}.total b{font-family:Archivo}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.tag{font-family:IBM Plex Mono;font-size:12px;color:var(--accent-ink);background:var(--accent-soft);border-radius:6px;padding:2px 8px}.nav{display:flex;gap:4px;margin-left:10px}.navbtn{border:none;background:transparent;color:var(--ink-2);border-radius:var(--radius-s);padding:8px 14px;font-size:14px;font-weight:500}.navbtn:hover{background:var(--surface-3);color:var(--accent)}.navbtn.on{background:var(--accent-soft);color:var(--accent-ink)}.client-box{border:1px solid var(--line);border-radius:var(--radius-s);padding:12px;background:var(--surface-2);margin-bottom:14px}.seg{display:flex;gap:6px;margin-bottom:10px}.seg button{flex:1;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:var(--radius-s);padding:7px;font-size:13px}.seg button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.results{display:flex;flex-direction:column;gap:5px;margin-top:8px;max-height:160px;overflow-y:auto}.res{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:8px 10px;font-size:13px}.res:hover{border-color:var(--accent)}.res.sel{border-color:var(--accent);background:var(--accent-soft)}.res .r-name{font-weight:600}.res .r-sub{color:var(--ink-3);font-size:12px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chosen{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:8px 10px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:7px}.chosen .x{border:none;background:transparent;color:var(--accent-ink);cursor:pointer;font-size:16px;line-height:1}.badge{display:inline-block;font-family:IBM Plex Mono;font-size:11px;padding:3px 9px;border-radius:20px;color:#fff}.b-created{background:#7f9698}.b-confirmed{background:var(--accent)}.b-in_progress{background:var(--warn)}.b-done{background:var(--ok)}.b-cancelled,.b-no_show{background:var(--crit)}.kv{display:grid;grid-template-columns:120px 1fr;gap:6px 12px;font-size:14px;margin:12px 0}.kv .k{color:var(--ink-3)}.appt{cursor:pointer}.appt:hover{filter:brightness(1.06)}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tab{border:none;background:transparent;color:var(--ink-2);padding:10px 16px;font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover{color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;max-width:760px}.list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2)}.item .grow{flex:1}.item .i-name{font-weight:600;font-size:14px}.item .i-sub{color:var(--ink-3);font-size:12.5px}.iconbtn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:7px;padding:6px 10px;font-size:12.5px}.iconbtn:hover{border-color:var(--crit);color:var(--crit)}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.form-row .field{margin-bottom:0}.hours-grid{display:flex;flex-direction:column;gap:8px}.hours-day{display:grid;grid-template-columns:60px 90px 1fr 1fr;gap:10px;align-items:center}.hours-day .wd{font-weight:600;font-size:14px}.hours-day input[type=time]{border:1px solid var(--line-2);background:var(--surface-2);border-radius:7px;padding:6px 8px;color:var(--ink)}.section-title{font-family:Archivo;font-weight:700;font-size:15px;margin:6px 0 10px}.saved{color:var(--ok);font-size:13px}.reminders{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.remind{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-s);font-size:13.5px;border:1px solid var(--line)}.remind .grow{flex:1}.remind b{font-weight:600}.remind .dotr{width:10px;height:10px;border-radius:50%;flex-shrink:0}.remind .x{border:none;background:transparent;cursor:pointer;font-size:16px;color:var(--ink-3);line-height:1}.remind a.btn{text-decoration:none}.remind.call{background:var(--accent-soft);border-color:var(--accent)}.remind.call .dotr{background:var(--accent)}.remind.late{background:var(--crit-soft);border-color:var(--crit)}.remind.late .dotr{background:var(--crit);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.remind.late .dotr{animation:none}}.appt.overdue{box-shadow:0 0 0 2px var(--crit),var(--shadow);animation:apptPulseCrit 1.3s ease-in-out infinite}.appt.review{outline:2px solid var(--warn);outline-offset:-2px;animation:apptPulseWarn 1.2s ease-in-out infinite}@keyframes apptPulseWarn{0%,to{box-shadow:0 0 color-mix(in srgb,var(--warn) 65%,transparent),var(--shadow)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--warn) 0%,transparent),0 0 14px 2px var(--warn),var(--shadow)}}@keyframes apptPulseCrit{0%,to{box-shadow:0 0 0 2px var(--crit),var(--shadow)}50%{box-shadow:0 0 0 2px var(--crit),0 0 14px 2px var(--crit),var(--shadow)}}@media (prefers-reduced-motion: reduce){.appt.review,.appt.overdue{animation:none}}.sched-row{display:flex;gap:16px;align-items:flex-start}.sched-main{flex:1 1 auto;min-width:0}.sched-side{flex:0 0 260px;width:260px;position:sticky;top:12px;max-height:calc(100vh - 90px);overflow-y:auto}.ntf-head{font-family:Archivo,sans-serif;font-weight:800;font-size:15px;margin:2px 0 10px}.ntf{border:1px solid var(--line-2);border-left-width:4px;border-radius:10px;padding:9px 11px;margin-bottom:9px;cursor:pointer;background:var(--surface);transition:border-color .12s,transform .06s}.ntf:hover{border-color:var(--accent)}.ntf:active{transform:scale(.99)}.ntf-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px}.ntf-badge{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.ntf-time{font-size:12.5px;color:var(--ink-3);white-space:nowrap}.ntf-cl{font-size:13.5px;font-weight:600}.ntf-svc{font-size:12.5px;color:var(--ink-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ntf-actions{display:flex;gap:6px;margin-top:8px}.ntf-review{border-left-color:var(--warn);animation:ntfGlow 1.6s ease-in-out infinite}.ntf-review .ntf-badge{color:var(--warn)}.ntf-overdue{border-left-color:var(--crit)}.ntf-overdue .ntf-badge{color:var(--crit)}.ntf-call{border-left-color:var(--accent)}.ntf-call .ntf-badge{color:var(--accent-ink)}@keyframes ntfGlow{0%,to{background:var(--surface)}50%{background:var(--warn-soft)}}@media (prefers-reduced-motion: reduce){.ntf-review{animation:none}}@media (max-width: 900px){.sched-row{flex-direction:column}.sched-side{width:100%;flex-basis:auto;position:static;max-height:none;order:-1}}.cl-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}@media (max-width: 860px){.cl-grid{grid-template-columns:1fr}}.cl-list{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow-y:auto}.cl-row{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:10px 12px}.cl-row:hover{border-color:var(--accent)}.cl-row.sel{border-color:var(--accent);background:var(--accent-soft)}.cl-row .n{font-weight:600;font-size:14px}.cl-row .s{font-size:12px;color:var(--ink-3)}.hist{display:flex;flex-direction:column;gap:2px}.hist .h{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px solid var(--line);padding:8px 0}.hist .h:last-child{border-bottom:none}.copyright{text-align:center;color:var(--ink-3);font-size:12px;padding:22px 16px 34px}.copyright b{color:var(--ink-2);font-weight:600}.panel.help-guide{max-width:920px}.help-guide .hg-toc{background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;padding:12px 16px;margin:4px 0 20px}.help-guide .hg-toc-t{font-family:Archivo;font-weight:700;font-size:13px;margin-bottom:6px}.help-guide .hg-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}.help-guide .hg-toc li{break-inside:avoid;margin:2px 0}.help-guide .hg-toc a{color:var(--accent);font-size:12.5px;cursor:pointer;text-decoration:none}.help-guide .hg-toc a:hover{text-decoration:underline}@media (max-width: 560px){.help-guide .hg-toc ol{columns:1}}.help-guide .hg-sec{padding-top:6px;margin-bottom:20px;scroll-margin-top:12px}.help-guide .hg-sec h3{display:flex;align-items:center;gap:9px;font-family:Archivo;font-size:16px;font-weight:700;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--accent)}.help-guide .hg-num{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--accent);color:#fff;border-radius:7px;font-size:13px;font-weight:800}.help-guide .hg-body{color:var(--ink-2);font-size:14px;line-height:1.55}.help-guide .hg-body p{margin:7px 0}.help-guide .hg-body ul,.help-guide .hg-body ol{margin:7px 0;padding-left:22px}.help-guide .hg-body li{margin:4px 0}.help-guide .hg-body b{color:var(--ink);font-weight:700}.help-guide .hg-body i{color:var(--ink-2)}.help-guide .hg-body .tip{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:8px;padding:9px 13px;margin:10px 0 2px;color:var(--ink);font-size:13px}.help-guide .hg-shot{margin:12px 0 2px}.help-guide .hg-shot img{display:block;width:100%;border:1px solid var(--line-2);border-radius:10px}.help-guide .hg-foot{margin-top:8px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-3);font-size:12.5px}
