@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap";body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf8;--surface:#fff;--surface-2:#f5f4f1;--border:#00000014;--border-mid:#00000024;--border-strong:#00000038;--text:#1a1a18;--text-2:#6b6b68;--text-3:#a8a8a4;--red:#a32d2d;--red-bg:#fcebeb;--amber:#854f0b;--amber-bg:#faeeda;--blue:#185fa5;--blue-bg:#e6f1fb;--radius:10px;--radius-sm:6px;--radius-pill:20px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}.app-loading{height:100vh;color:var(--text-2);justify-content:center;align-items:center;font-size:14px;display:flex}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:.5px solid var(--border-mid);border-radius:var(--radius);width:100%;max-width:380px;padding:40px}.login-logo{background:var(--text);width:44px;height:44px;color:var(--surface);border-radius:var(--radius-sm);letter-spacing:.5px;justify-content:center;align-items:center;margin-bottom:20px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;display:flex}.login-title{margin-bottom:4px;font-size:20px;font-weight:500}.login-sub{color:var(--text-2);margin-bottom:28px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.lfield{flex-direction:column;gap:6px;display:flex}.lfield label{color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:500}.lfield input{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:9px 12px;font-family:DM Sans,sans-serif;font-size:14px}.lfield input:focus{border-color:var(--border-strong);outline:none}.lerror{color:var(--red);background:var(--red-bg);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.lbtn{background:var(--text);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:4px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.lbtn:hover{opacity:.88}.lbtn:disabled{opacity:.5;cursor:not-allowed}.dashboard{max-width:860px;margin:0 auto;padding:32px 24px 60px}.dash-header{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;display:flex}.dash-header h1{font-size:18px;font-weight:500}.dash-header p{color:var(--text-2);margin-top:3px;font-size:12px}.dash-header-actions{align-items:center;gap:8px;display:flex}.btn-primary{background:var(--text);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--text-2);border:.5px solid var(--border-mid);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px}.btn-outline:hover{background:var(--surface-2);color:var(--text)}.sign-out{padding:6px 12px;font-size:12px}.btn-sm{color:var(--text-2);border:.5px solid var(--border-mid);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12px}.btn-sm:hover{background:var(--surface-2);color:var(--text)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.stat-label{color:var(--text-2);margin-bottom:4px;font-size:11px}.stat-value{font-family:DM Mono,monospace;font-size:24px;font-weight:500}.stat-value.red{color:var(--red)}.stat-value.amber{color:var(--amber)}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-btn{border-radius:var(--radius-pill);border:.5px solid var(--border-mid);color:var(--text-2);cursor:pointer;background:0 0;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12px}.filter-btn:hover{border-color:var(--border-strong);color:var(--text)}.filter-btn.active{background:var(--text);color:#fff;border-color:var(--text)}.client-grid{flex-direction:column;gap:8px;display:flex}.client-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:14px 16px;transition:border-color .15s}.client-card:hover{border-color:var(--border-strong)}.client-card.card-overdue{border-radius:0 var(--radius) var(--radius) 0;border-left:2px solid #e24b4a}.client-card.card-today{border-radius:0 var(--radius) var(--radius) 0;border-left:2px solid #ef9f27}.client-card.card-soon{border-radius:0 var(--radius) var(--radius) 0;border-left:2px solid #378add}.card-main{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-red{background:#e24b4a}.dot-amber{background:#ef9f27}.dot-blue{background:#378add}.dot-green{background:#639922}.client-code{min-width:62px;font-family:DM Mono,monospace;font-size:14px;font-weight:500}.phase-badge{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 9px;font-size:11px;font-weight:500}.ph-foundation{color:#0c447c;background:#e6f1fb}.ph-drainage{color:#085041;background:#e1f5ee}.ph-minerals{color:#3c3489;background:#eeedfe}.ph-pathogen{color:#633806;background:#faeeda}.ph-retest{color:#444441;background:#f1efe8}.checkin-pill{border-radius:var(--radius-pill);white-space:nowrap;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:500}.pill-overdue{color:#a32d2d;background:#fcebeb}.pill-today{color:#854f0b;background:#faeeda}.pill-soon{color:#185fa5;background:#e6f1fb}.pill-ok{background:var(--surface-2);color:var(--text-2);font-weight:400}.edit-hint{color:var(--text-3);opacity:0;margin-left:6px;font-size:12px;transition:opacity .15s}.client-card:hover .edit-hint{opacity:1}.card-flags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.flag{border-radius:4px;padding:3px 8px;font-size:11px}.fl-urgent{color:#a32d2d;background:#fcebeb}.fl-warn{color:#854f0b;background:#faeeda}.fl-info{color:#185fa5;background:#e6f1fb}.card-action{color:var(--text-2);gap:6px;margin-top:8px;font-size:12px;display:flex}.action-label{color:var(--text-3);flex-shrink:0;padding-top:1px;font-size:11px;font-weight:500}.loading,.empty-state{text-align:center;color:var(--text-2);padding:2rem;font-size:13px}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border-mid);width:100%;max-width:620px;overflow:hidden}.modal-head{padding:20px 24px 0}.modal-head-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-identity{align-items:center;gap:12px;display:flex}.modal-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;display:flex}.modal-code{font-size:17px;font-weight:500}.modal-phase-label{color:var(--text-2);margin-top:2px;font-size:12px}.modal-close-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:0 2px;font-size:22px;line-height:1}.modal-close-btn:hover{color:var(--text)}.modal-tabs{border-bottom:.5px solid var(--border);gap:2px;display:flex}.modal-tab{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-.5px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:12px}.modal-tab:hover{color:var(--text)}.modal-tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:500}.modal-body{max-height:460px;padding:20px 24px;overflow-y:auto}.tab-content{flex-direction:column;display:flex}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field label{color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.field input[type=text],.field input[type=date],.field select,.field textarea{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-strong);outline:none}.field textarea{resize:vertical;line-height:1.6}.field-grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.field-grid-2 .field{margin-bottom:0}.tag-list{flex-wrap:wrap;gap:6px;min-height:24px;margin-bottom:10px;display:flex}.tag{border-radius:var(--radius-pill);border:.5px solid var(--border-mid);background:var(--surface-2);color:var(--text);align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.tag-rm{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:0;font-size:15px;line-height:1}.tag-rm:hover{color:var(--red)}.input-row{gap:8px;display:flex}.input-row input{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex:1;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.input-row input:focus{border-color:var(--border-strong);outline:none}.lib-section{border-top:.5px solid var(--border);margin-top:14px;padding-top:14px}.lib-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:11px;font-weight:500}.lib-chips{flex-wrap:wrap;gap:5px;display:flex}.lib-chip{border-radius:var(--radius-pill);border:.5px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px}.lib-chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.lib-chip.used{opacity:.3;pointer-events:none}.step-rows{flex-direction:column;gap:7px;margin-bottom:8px;display:flex}.step-row{align-items:center;gap:8px;display:flex}.step-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.step-row input{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex:1;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13px}.step-row input:focus{border-color:var(--border-strong);outline:none}.step-row select{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);width:108px;color:var(--text);flex-shrink:0;padding:7px 8px;font-family:DM Sans,sans-serif;font-size:12px}.flag-preview{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.flag-pill{border-radius:4px;padding:3px 10px;font-size:11px}.flag-rows{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.flag-row{align-items:center;gap:8px;display:flex}.flag-row input{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex:1;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13px}.flag-row input:focus{border-color:var(--border-strong);outline:none}.flag-row select{border:.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);width:92px;color:var(--text);flex-shrink:0;padding:7px 8px;font-family:DM Sans,sans-serif;font-size:12px}.labs-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.lab-item{background:var(--surface-2);border-radius:var(--radius-sm);border:.5px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.lab-icon{color:var(--red);background:var(--red-bg);border-radius:3px;flex-shrink:0;padding:2px 5px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.lab-label{flex:1;font-size:12px}.lab-actions{align-items:center;gap:8px;display:flex}.lab-link{color:var(--blue);font-size:11px;text-decoration:none}.lab-link:hover{text-decoration:underline}.lab-upload-area{margin-top:4px}.upload-btn{border:.5px dashed var(--border-mid);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;padding:7px 14px;font-size:12px;display:inline-block}.upload-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.upload-note{color:var(--text-3);margin-top:6px;font-size:11px}.add-row-btn{color:var(--text-2);border:.5px dashed var(--border-mid);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:12px}.add-row-btn:hover{border-color:var(--border-strong);color:var(--text)}.rm-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;flex-shrink:0;padding:2px;font-size:17px;line-height:1}.rm-btn:hover{color:var(--red)}.modal-footer{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.modal-footer-meta{color:var(--text-3);font-family:DM Mono,monospace;font-size:11px}.modal-footer-actions{gap:8px;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.field-grid-2{grid-template-columns:1fr}.dash-header{flex-direction:column;gap:12px}}