*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#fdf6e8;--bg-card:#fff;--bg-input:#fff;--green-dark:#2c3e2d;--green-mid:#3a6b35;--green-light:#4a7a45;--green-pine:#2e5529;--amber:#ef9f27;--amber-dark:#ba7517;--amber-dim:#854f0b;--amber-deep:#633806;--amber-tint:#fdf6e8;--amber-border:#fac775;--stone:#a8a49a;--stone-light:#d3d1c7;--stone-dark:#5f5e5a;--text-primary:#1a1a18;--text-secondary:#444441;--text-muted:#888780;--border:#d3d1c7;--border-strong:#b4b2a9;--teal:#1d9e75;--teal-dark:#0f6e56;--teal-tint:#e1f5ee;--red-tint:#fcebeb;--red:#a32d2d;--red-border:#f09595;--warning-bg:#fff3cd;--warning-border:#ef9f27}body,html{height:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column}.topnav{background:#fff;border-bottom:1px solid var(--border);height:54px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.brand,.topnav{display:flex;align-items:center}.brand{gap:10px}.brand-name{font-size:15px;font-weight:700;color:var(--text-primary)}.brand-sub{font-size:10px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.user-pill{display:flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid var(--border-strong);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;background:#fff}.user-pill:hover{background:var(--bg-page)}.user-avatar{width:22px;height:22px;border-radius:50%;background:var(--amber-tint);border:1px solid var(--amber-border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--amber-dim)}.page-body{max-width:960px}.page-body,.page-body-wide{flex:1;padding:28px 24px;width:100%;margin:0 auto}.page-body-wide{max-width:1100px}.page-title{font-size:22px;font-weight:700;color:var(--amber-dark);margin-bottom:2px}.page-sub{font-size:13px;color:var(--text-secondary);margin-bottom:24px;font-weight:500}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:16px}.card-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.stats-row{display:grid;gap:12px;margin-bottom:22px}.stats-3{grid-template-columns:repeat(3,1fr)}.stats-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border:1px solid var(--border-strong);border-radius:10px;padding:14px 16px}.stat-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.stat-value{font-size:22px;font-weight:700;color:var(--text-primary)}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.table-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}table.data-table{width:100%;border-collapse:collapse}table.data-table th{font-size:13px;font-weight:700;color:var(--text-primary);text-align:left;padding:10px 14px;border-bottom:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.04em;background:#fafaf8}table.data-table td{font-size:15px;color:var(--text-primary);padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-weight:500}table.data-table tr:last-child td{border-bottom:none}table.data-table tr:hover td{background:#f0ede4}.td-muted{color:var(--text-muted)!important;font-weight:400!important}.td-mono{font-family:Courier New,monospace;font-weight:700!important}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:5px;letter-spacing:.02em}.badge-paid{background:var(--teal-tint);color:var(--teal-dark)}.badge-paid,.badge-submitted{min-width:80px;text-align:center}.badge-submitted{background:var(--amber-tint);color:var(--amber-deep);border:1px solid var(--amber-border)}.badge-draft{background:#f1efe8;color:var(--stone-dark)}.badge-draft,.badge-recalled{min-width:80px;text-align:center}.badge-recalled{background:var(--red-tint);color:var(--red);border:1px solid var(--red-border)}.prop-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:#eef2e8;color:var(--green-dark)}.btn,.prop-tag{display:inline-flex}.btn{align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,background .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--amber);color:var(--amber-deep)}.btn-primary:hover:not(:disabled){background:var(--amber-dark);color:#fff}.btn-green{background:var(--teal);color:#fff}.btn-green:hover:not(:disabled){background:var(--teal-dark)}.btn-ghost{background:#eee9dd;border:1px solid var(--border-strong);color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--stone-light)}.btn-danger{background:#f7c1c1;border:1px solid var(--red-border);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-border)}.btn-sm{padding:5px 11px}.btn-icon,.btn-sm{font-size:12px;border-radius:6px}.btn-icon{padding:5px 10px;font-weight:700;cursor:pointer;border:1px solid}.btn-icon-dl{background:var(--teal-tint);color:var(--teal-dark);border-color:#5dcaa5}.btn-icon-pdf{background:#eeedfe;color:#26215c;border:1px solid #afa9ec}.btn-icon-pdf:hover{background:#cecbf6}.btn-icon-dl:hover{background:#c0e8d8}.btn-icon-email{background:#e6f1fb;color:#0c447c;border-color:#85b7eb;margin-left:5px}.btn-icon-email:hover{background:#c5dcf4}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.form-input,.form-select{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:8px;font-size:13px;color:var(--text-primary);background:#fff;font-weight:500}.form-input:focus,.form-select:focus{outline:none;border-color:var(--green-dark);box-shadow:0 0 0 2px rgba(44,62,45,.1)}.form-row-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.pet-note{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:11px 14px;margin-bottom:14px;display:flex;gap:9px;align-items:flex-start}.pet-note-icon{font-size:16px;color:var(--amber-dark);flex-shrink:0;margin-top:1px;font-weight:700}.pet-note-text{font-size:12px;color:#3a2000;font-weight:600;line-height:1.6}.line-item-row{display:grid;grid-template-columns:52px 1fr 90px 28px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1efe8}.line-item-row:last-of-type{border-bottom:none}.line-date{font-size:12px;color:var(--text-secondary);font-weight:700}.line-desc{font-weight:500}.line-amt,.line-desc{font-size:13px;color:var(--text-primary)}.line-amt{font-family:Courier New,monospace;text-align:right;font-weight:700}.line-remove{font-size:18px;color:var(--stone);cursor:pointer;text-align:center;font-weight:500;line-height:1}.line-remove:hover{color:var(--red)}.total-row{display:flex;justify-content:flex-end;align-items:baseline;gap:16px;padding-top:14px;margin-top:4px;border-top:2px solid var(--border)}.total-label{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.total-value{font-size:24px;font-weight:700;color:var(--green-dark);font-family:Courier New,monospace}.btn-row{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.checklist-card{background:#fafaf4;border:1px solid var(--border-strong);border-radius:12px;padding:18px 20px;margin-bottom:14px}.checklist-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.check-item{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px;cursor:pointer}.check-item:last-child{margin-bottom:0}.check-box{width:18px;height:18px;border:2px solid var(--border-strong);border-radius:4px;flex-shrink:0;margin-top:1px;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.check-box.checked{background:var(--teal);border-color:var(--teal)}.check-label{font-size:13px;color:var(--text-primary);line-height:1.6;font-weight:500}.info-banner{background:#f0f9f5;border:1px solid #5dcaa5;border-radius:8px;color:#04342c;line-height:1.6}.info-banner,.warn-banner{padding:11px 14px;margin-bottom:14px;font-size:12px;font-weight:600}.warn-banner{background:var(--red-tint);border:1px solid var(--red-border);border-radius:8px;color:var(--red)}.login-page{min-height:100vh;background:var(--bg-page);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border:1px solid var(--border-strong);border-radius:14px;padding:38px 40px;width:100%;max-width:380px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}.login-heading{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.login-sub{font-size:13px;color:var(--text-secondary);margin-bottom:24px;font-weight:500}.login-error{color:var(--red);font-weight:600;margin-top:8px}.login-error,.login-footer{font-size:12px;text-align:center}.login-footer{color:var(--text-muted);margin-top:16px}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirm-card{background:#fff;border-radius:14px;padding:32px 28px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,.15)}.confirm-icon{width:52px;height:52px;border-radius:50%;background:var(--teal-tint);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px}.confirm-title{font-size:20px;font-weight:700;margin-bottom:8px}.confirm-sub{font-size:13px;color:var(--text-secondary);margin-bottom:22px;line-height:1.6;font-weight:500}.confirm-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.confirm-opt{padding:16px 12px;border:1.5px solid var(--border-strong);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.confirm-opt:hover{border-color:var(--green-dark);background:#f7f5f1}.confirm-opt-icon{font-size:22px;margin-bottom:6px}.confirm-opt-label{font-size:13px;font-weight:700;color:var(--text-primary)}.confirm-opt-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.confirm-skip{font-size:12px;color:var(--text-muted);cursor:pointer;text-decoration:underline}.recall-section{margin-top:6px}.recall-box{background:var(--red-tint);border:1px solid var(--red-border);border-radius:10px;padding:16px 18px;margin-bottom:10px}.recall-box-title{font-size:16px;font-weight:700;color:var(--red);margin-bottom:4px}.recall-box-body{font-size:12px;color:#791f1f;line-height:1.6;margin-bottom:12px;font-weight:500}.paid-recall-box{background:var(--amber-tint);border:1px solid var(--amber-border);border-radius:10px;padding:14px 18px}.paid-recall-box-title{font-size:16px;font-weight:700;color:var(--amber-deep);margin-bottom:4px}.paid-recall-box-body{font-size:12px;color:var(--amber-dim);line-height:1.6;font-weight:500}.row-pending td{background:#fffcf2!important}@media (max-width:640px){.stats-3,.stats-4{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr}.page-body,.page-body-wide{padding:16px}.topnav{padding:0 16px;padding:0 14px;height:52px}.brand-name{font-size:13px}.page-body,.page-body-wide{padding:14px 14px 24px}.page-title{font-size:18px}.stats-row.stats-3,.stats-row.stats-4{grid-template-columns:1fr 1fr}.stats-row.stats-4>.stat-card:last-child{grid-column:span 2}table.data-table td,table.data-table th{padding:8px 10px;font-size:12px}.btn-row{flex-wrap:wrap;gap:8px}.btn-row .btn{flex:1;justify-content:center;min-width:120px}.form-row-3{grid-template-columns:1fr}.login-card{padding:24px 20px}.login-heading{font-size:20px}.checklist-card{padding:14px}.table-card{overflow-x:auto}.confirm-card{padding:22px 18px}.confirm-options{grid-template-columns:1fr 1fr;gap:8px}.card{padding:14px}.user-pill span:not(.user-avatar){display:none}}@media (max-width:480px){.stats-row.stats-3{grid-template-columns:1fr}.btn{font-size:13px;padding:10px 14px}.page-title{font-size:16px}.total-value{font-size:20px}.line-item-row{grid-template-columns:38px 1fr 76px 22px;gap:6px}}@media (max-width:640px){.line-item-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.line-item-form>div:last-child{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:flex-end}.user-pill-name{display:none}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.range-cal-grid{grid-template-columns:1fr!important}.invoice-action-btns{flex-wrap:wrap}.invoice-action-btns .btn-icon{flex:1;min-width:100px;justify-content:center}}@media (max-width:480px){.topnav .brand div:last-child{display:none}}.btn-icon-continue{background:#e1f5ee;color:#04342c;border:1px solid #5dcaa5}.btn-icon-continue:hover{background:#9fe1cb}.btn-icon-discard{background:#fcebeb;color:#501313;border:1px solid #f09595}.btn-icon-discard:hover{background:#f7c1c1}