@font-face{font-family:TH;src:url('/static/fonts/DejaVuSans.ttf') format('truetype');font-display:swap}
@font-face{font-family:TH;src:url('/static/fonts/DejaVuSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--blue:#256d95;--deep:#164965;--ink:#243846;--muted:#6b7e8b;--line:#dfe8ed;--bg:#f4f7fa;--green:#287e65;--amber:#a76518;--red:#b13d4b;--radius:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:TH,system-ui,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--blue)}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.8px;line-height:1.2}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:15px}small,.muted{color:var(--muted)}small{font-size:12px}.initial{padding:100px;text-align:center}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:23px 14px;z-index:20}.brand{display:flex;align-items:center;gap:7px;padding:0 6px 23px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:19px;letter-spacing:-.4px}.brand small{font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;gap:13px;align-items:center;border:0;background:transparent;color:#637787;padding:12px 14px;border-radius:11px;text-align:left;font-size:13px}.nav button:hover{background:var(--bg)}.nav button.active{background:#eaf3f8;color:var(--blue);font-weight:700}.sidebar-footer{margin-top:auto;padding:20px 11px 0;border-top:1px solid var(--line)}.identity{display:flex;align-items:center;gap:10px}.avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf3f7;color:var(--blue);font-weight:700}.sidebar-footer .text-btn{margin-top:14px;font-size:12px}.workspace{margin-left:232px;padding:0 34px 40px;max-width:1700px}.topbar{height:79px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}.crumb{color:var(--muted);font-size:12px}.crumb strong{color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:12px}.online{font-size:11px;color:var(--green);display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;background:#389f7b;border-radius:50%}.month-picker{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;color:var(--ink)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);font-size:13px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:#fff;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.btn:hover{border-color:#b8ccd7;background:#f7fafc}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:var(--deep)}.btn.danger{color:var(--red);background:#fff6f6;border-color:#f0d9dd}.btn.small{padding:6px 10px;font-size:11px}.text-btn{border:0;background:none;color:var(--blue);padding:0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);padding:20px;border-radius:var(--radius)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat-icon{padding:7px;border-radius:10px;background:#edf4f8;color:var(--blue)}.stat-value{font-size:29px;font-weight:700;letter-spacing:-1px;margin:9px 0 4px}.stat-value span{font-size:13px;font-weight:400;letter-spacing:0}.stat-bottom{font-size:11px;color:var(--muted)}.stat.warn .stat-icon{background:#fff3e4;color:var(--amber)}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.panel-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panel-body{padding:22px}.panel-head small{display:block;margin-top:3px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:.3px;text-transform:uppercase;font-weight:400;color:var(--muted);background:#f9fbfc;padding:12px 18px;white-space:nowrap}td{padding:14px 18px;border-top:1px solid #eef2f5;vertical-align:middle}tbody tr:hover{background:#fbfdfe}td .muted{display:block;font-size:10px;margin-top:3px}.name-cell{font-weight:700;font-size:12px}.name-link{background:none;border:0;padding:0;color:var(--ink);text-align:left;font-weight:700;font-size:12px}.name-link:hover{color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;line-height:1.3;font-size:10px;white-space:nowrap;background:#edf2f5;color:#647886}.badge.green{background:#e9f5ef;color:var(--green)}.badge.amber{background:#fff3e4;color:var(--amber)}.badge.blue{background:#eaf3f9;color:var(--blue)}.badge.red{background:#fff0f1;color:var(--red)}.actions{display:flex;gap:7px;flex-wrap:wrap}.appointment-row{display:flex;gap:14px;padding:17px 21px;border-top:1px solid #eef2f5;align-items:flex-start}.appointment-row:first-child{border-top:0}.time-block{min-width:54px;color:var(--blue);font-weight:700;font-size:14px}.time-block small{display:block;color:var(--muted);font-size:10px;font-weight:400}.appointment-info{flex:1}.appointment-info p{font-size:12px;font-weight:700}.appointment-info small{display:block;margin-top:4px}.notice{padding:14px 17px;background:#edf5f9;color:#476b80;border:1px solid #dcebf2;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:20px}.notice.amber{background:#fff7ed;border-color:#f6e4cc;color:#8a632f}.notice.green{background:#eef8f2;border-color:#d9eddf;color:#336a4c}.notice strong{color:inherit}.empty{padding:38px 20px;text-align:center}.empty svg{width:32px;height:32px;color:#a9bdc8;margin-bottom:10px}.empty p{color:var(--muted);font-size:12px;margin:8px auto 17px;max-width:380px}.filters{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--line);padding:10px 13px;border-radius:9px;background:#fff;font-size:12px;min-width:160px}.filters input[type=search]{flex:1}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.client-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px}.client-card-top{display:flex;gap:12px;align-items:center;margin-bottom:16px}.client-card h3{font-size:14px}.client-card small{font-size:11px}.client-meta{font-size:12px;color:var(--muted);min-height:47px;margin-bottom:15px}.client-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div{padding:13px 16px;background:#f5f8fa;border-radius:9px}.detail-grid small{display:block;font-size:10px}.detail-grid strong{font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 20% 10%,#e5f1f8,transparent 55%),var(--bg)}.login-card{width:100%;max-width:430px;background:#fff;padding:37px;border:1px solid var(--line);border-radius:23px;box-shadow:0 20px 70px #2145650b}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:27px}.login-brand img{width:76px;height:76px}.login-card h1{font-size:24px}.login-card>p{color:var(--muted);font-size:12px;margin-bottom:27px}.login-card .btn{width:100%;padding:13px}.login-footer{margin-top:20px;text-align:center;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:min(720px,95vw);max-height:92dvh;color:var(--ink);box-shadow:0 30px 120px #18394d2b}dialog::backdrop{background:#19344566;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-head h2{font-size:19px}.close-btn{border:0;border-radius:7px;background:#f0f5f8;padding:6px 9px;color:var(--muted);font-size:20px;line-height:1}.modal-body{padding:24px 25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line);margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.form-grid .field{margin-bottom:0}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e2e9;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);min-height:42px;font-size:13px}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b8d9ea;border-color:var(--blue)}.field small{font-size:10px}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin-top:15px;cursor:pointer}.check-row input{margin:4px 0 0;accent-color:var(--blue)}.check-row span{flex:1}.form-error{background:#fff0f2;color:var(--red);padding:12px;border-radius:8px;font-size:12px;margin-bottom:16px}.form-error:empty{display:none}.calculation{background:LIGHT;border-radius:10px;padding:14px 17px;margin-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.calculation strong{font-size:16px}.sigpad{border:1px solid #c8d9e3;border-radius:12px;background:#fff;overflow:hidden;margin:16px 0 8px}.sigpad canvas{width:100%;height:190px;display:block;touch-action:none}.sig-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:16px}.signature-read{width:100%;max-width:380px;max-height:140px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.settings-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.section-gap{margin-top:25px}.form-section-title{font-weight:700;font-size:12px;padding:12px 0 8px}.report-totals{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#203c4f;color:#fff;max-width:90vw;padding:13px 20px;border-radius:11px;box-shadow:0 6px 30px #1b34452b;z-index:100;font-size:12px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.row-spacer{margin-top:16px}.hidden{display:none!important}.mobile-brand{display:none}.mobile-nav-toggle{display:none}.danger-text{color:var(--red)}.amount-right{text-align:right}.rule-card{padding:13px 0;border-top:1px solid var(--line);font-size:12px}.rule-card:first-child{border:0}.rule-card small{display:block;overflow-wrap:anywhere;margin-top:4px}.audit-row{padding:10px 0;border-top:1px solid var(--line);font-size:11px}.audit-row:first-child{border:0}.audit-row small{display:block;font-size:10px}.rule-help{max-width:600px}.spinner{color:var(--muted);padding:35px;text-align:center}
@media(max-width:1150px){.columns{grid-template-columns:1fr}.stats{gap:11px}.stat{padding:16px}.workspace{padding:0 24px 30px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{width:190px;padding:20px 10px}.workspace{margin-left:190px;padding:0 18px 30px}.brand strong{font-size:17px}.brand img{width:44px;height:44px}.stats{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}h1{font-size:23px}}
@media(max-width:620px){.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s;box-shadow:15px 0 40px #19344520}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;padding:0 15px 85px}.topbar{height:67px;margin-bottom:23px}.crumb{display:none}.mobile-brand{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:700}.mobile-nav-toggle{display:inline-flex;border:0;background:#fff;border-radius:8px;padding:8px;color:var(--blue)}.online{display:none}.topbar-right{gap:8px}.month-picker{font-size:11px;padding:7px;width:140px}.page-heading{gap:12px;margin-bottom:20px}.page-heading p{font-size:11px;max-width:220px}.page-heading .btn{padding:9px 11px;font-size:10px}.page-heading .btn svg{width:16px;height:16px}.stats{gap:10px}.stat{padding:14px}.stat-value{font-size:26px}.stat-top{font-size:10px}.stat-bottom{font-size:9px}.panel-head{padding:16px}.panel-body{padding:16px}.panel-head h2{font-size:15px}.client-grid{grid-template-columns:1fr}.form-grid{gap:13px}.form-grid .field.full{grid-column:1/-1}.modal-head{padding:18px}.modal-body{padding:18px}.modal-footer .btn{flex:1;padding:12px 8px}.notice{font-size:11px}.settings-grid{display:block}.filters{gap:8px}.filters input,.filters select{min-width:120px;font-size:11px}.detail-grid{gap:8px}.detail-grid div{padding:11px}.calculation{font-size:10px}.login-card{padding:27px}.check-row{font-size:11px}.form-grid .field input,.form-grid .field select{font-size:16px}#toast{bottom:18px}.appointment-row{padding:15px}.initial{padding:90px 25px}}
.calculation{background:#eef5f8}.confirmation-heading{margin-bottom:18px}.confirmation-heading strong{display:block;font-size:17px}.confirmation-heading small{display:block;margin-top:3px}.budget-source{font-size:10px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.document-row{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.document-row small{display:block}.appointment-list-item{border-bottom:1px solid var(--line)}.appointment-status{padding:0 21px 12px}.detail-grid strong{overflow-wrap:anywhere}.detail-grid small{overflow-wrap:anywhere}.form-error{overflow-wrap:anywhere}.modal-body>.row-spacer{overflow-wrap:anywhere}.identity strong{font-size:12px}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-grid{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.page-heading p{max-width:none}.sigpad canvas{height:190px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Compact budget overview and shared monthly confirmations. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.confirmation-actions{margin:0 0 18px}.budget-table{table-layout:fixed}.budget-table thead th:first-child{width:33%}.budget-table thead th:last-child{width:100px}.budget-table tbody th{background:#fff;text-transform:none;letter-spacing:0;padding:15px 18px;border-top:1px solid #eef2f5;white-space:normal;vertical-align:middle}.budget-table .name-link{font-size:13px;overflow-wrap:anywhere;line-height:1.45}.budget-client-meta{display:block;font-size:10px;margin-top:4px;font-weight:400;overflow-wrap:anywhere}.budget-table tbody tr:hover th{background:#fbfdfe}.budget-amount-cell{padding:13px 18px}.budget-amount{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.4px;margin-bottom:4px;white-space:nowrap}.budget-pending{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.budget-mobile-label{display:none}.budget-row-action{text-align:right}.budget-help{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}.budget-help summary{font-weight:700;color:var(--blue);cursor:pointer}.budget-help p{margin-top:10px;max-width:850px}.budget-detail-section{padding:21px 0;border-bottom:1px solid var(--line)}.budget-detail-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.budget-detail-title h3{overflow-wrap:anywhere}.budget-detail-amount{font-size:26px;font-weight:700;letter-spacing:-.6px;margin:12px 0 2px}.budget-breakdown{margin:16px 0 0;font-size:12px}.budget-breakdown>div{display:flex;justify-content:space-between;gap:16px;margin-top:9px}.budget-breakdown dt{color:var(--muted)}.budget-breakdown dd{margin:0;font-weight:700;white-space:nowrap}.budget-history{margin-top:20px;font-size:12px}.budget-history summary{cursor:pointer;font-weight:700;margin-bottom:12px}.batch-visits{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:15px 0}.batch-visit{padding:16px;border-top:1px solid var(--line)}.batch-visit:first-child{border:0}.batch-visit:nth-child(even){background:#f7fafc}.batch-visit-heading{display:flex;justify-content:space-between;gap:16px;font-size:12px}.batch-visit-heading span{font-weight:700;white-space:nowrap}.batch-visit p{font-size:12px;margin-top:7px;overflow-wrap:anywhere}.batch-visit small{display:block;margin-top:9px;line-height:1.7}.batch-totals{background:#eef5f8;border-radius:10px;padding:12px 16px;margin-bottom:20px}.batch-subtotal{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:7px 0}.batch-subtotal:last-child{border-top:1px solid #d5e5ed;margin-top:5px;padding-top:12px}.batch-subtotal span{text-align:right}
@media(max-width:1050px) and (min-width:621px){.budget-table thead th:first-child{width:31%}.budget-table thead th:last-child{width:79px}.budget-table th,.budget-table td{padding-left:12px;padding-right:12px}.budget-amount{font-size:17px}}
@media(max-width:620px){.budget-filters{align-items:stretch}.budget-filters input[type=search]{flex-basis:100%;min-width:0}.budget-filters select{width:100%}.budget-table,.budget-table tbody{display:block}.budget-table thead{display:none}.budget-client-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;border-top:1px solid var(--line);gap:14px}.budget-table tbody th{grid-column:1/-1;padding:0;border:0;background:transparent}.budget-table tbody tr:hover th{background:transparent}.budget-table td{padding:0;border:0;min-width:0}.budget-table .name-link{font-size:14px}.budget-mobile-label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px;overflow-wrap:anywhere}.budget-amount{font-size:19px}.budget-row-action{grid-column:1/-1;text-align:right}.budget-breakdown{font-size:11px}.batch-subtotal{font-size:11px}.batch-visit-heading{flex-wrap:wrap;gap:6px}.batch-visit{padding:13px}.budget-detail-title{flex-wrap:wrap}}
/* Separate client lists with an explicit red archive status. */
.client-list-switch{display:flex;gap:8px;padding:5px;background:#eaf0f4;border:1px solid var(--line);border-radius:12px;width:fit-content;margin-bottom:22px}.client-list-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.client-list-button.selected{background:#fff;color:var(--blue);border-color:#d8e5ed;box-shadow:0 2px 5px #16374808}.client-list-button:focus-visible{outline:3px solid #91bfd7;outline-offset:2px}.client-list-count{display:inline-grid;place-items:center;min-width:24px;padding:2px 6px;border-radius:6px;background:#e3edf4;color:var(--blue);font-size:11px}.archive-switch{color:#9e3042}.archive-switch .client-list-count{background:#f9e4e8;color:#9e3042}.archive-switch.selected{color:#9e3042;border-color:#e9c4cb;background:#fff8f9}.client-list-heading{margin-bottom:15px}.client-list-heading h2{font-size:16px}.client-card.archived{border-color:#e6b8c1;border-left:4px solid #b3364c;background:#fffafa}.client-card.archived h3{color:#9e3042}.client-card.archived .avatar{color:#9e3042;background:#f9e4e8}.client-card.archived .badge.red{font-weight:700;color:#9e3042;background:#f9e4e8;border:1px solid #edc3cc}.client-archive-notice{border:1px solid #e6b8c1;border-left:4px solid #b3364c;border-radius:10px;background:#fff8f9;padding:14px 17px;margin-bottom:20px;font-size:12px;line-height:1.6;color:#773441}.client-archive-notice strong{color:#9e3042;font-size:13px}.client-archive-notice p{margin-top:4px}.client-grid>.empty{grid-column:1/-1}
@media(max-width:620px){.client-list-switch{width:100%;gap:5px}.client-list-button{flex:1;gap:7px;padding:10px 8px;font-size:12px}.client-archive-notice{padding:12px 14px}}