:root{--wf-bg:#0b0b0d;--wf-panel:#151519;--wf-panel-2:#1b1b21;--wf-border:#2a2a33;--wf-text:#f6f6f8;--wf-muted:#a4a4b0;--wf-accent:#fff;--wf-danger:#b34141}
html,body,.wf-app-body{margin:0;padding:0;background:var(--wf-bg);color:var(--wf-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wf-shell{max-width:1080px;margin:0 auto;padding:24px 16px 40px}.wf-shell-login{min-height:100vh;display:flex;align-items:center;justify-content:center}
.wf-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.wf-top-actions{display:flex;gap:10px;flex-wrap:wrap}
.wf-brand{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--wf-muted);margin-bottom:6px}.wf-page-title{margin:0;font-size:32px;line-height:1.1}.wf-section-title{margin:0 0 16px;font-size:20px}
.wf-grid{display:grid;gap:18px}.wf-grid-2{grid-template-columns:1fr 1.25fr}
.wf-card,.wf-job-card,.wf-stat-card{background:linear-gradient(180deg,var(--wf-panel),var(--wf-panel-2));border:1px solid var(--wf-border);border-radius:18px}
.wf-card{padding:18px}.wf-login-card{width:min(100%,420px)}
.wf-form{display:grid;gap:14px}.wf-form-inline{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.wf-field{display:grid;gap:8px}.wf-field label{font-size:14px;color:var(--wf-muted)}
.wf-field input,.wf-field textarea,.wf-field select,.wf-amount-input{width:100%;box-sizing:border-box;background:#101015;border:1px solid var(--wf-border);color:var(--wf-text);border-radius:14px;padding:14px;font-size:16px}
.wf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 16px;text-decoration:none;border:1px solid var(--wf-border);cursor:pointer;font-weight:600;background:#111116;color:var(--wf-text)}
.wf-btn-primary{background:var(--wf-accent);color:#000;border-color:#fff}.wf-btn-secondary{background:#111116;color:var(--wf-text)}.wf-btn-block{width:100%}
.wf-alert{background:#17171c;border:1px solid var(--wf-border);padding:12px 14px;border-radius:14px;margin-bottom:16px}.wf-alert-error{border-color:var(--wf-danger)}
.wf-job-card{padding:16px;margin-bottom:14px}.wf-job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.wf-job-header h3{margin:0 0 4px;font-size:22px}
.wf-address{font-size:18px;line-height:1.45;margin-bottom:10px}.wf-notes{font-size:14px;color:var(--wf-muted);margin-bottom:12px}.wf-job-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wf-meta{font-size:13px;color:var(--wf-muted)}.wf-status{display:inline-flex;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em}
.wf-status-open{background:rgba(185,119,14,.16);color:#ffcc7a}.wf-status-done{background:rgba(179,119,14,.16);color:#ffd27f}.wf-status-verified{background:rgba(31,143,85,.18);color:#7de6ae}
.wf-empty{color:var(--wf-muted);padding:10px 0}.wf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.wf-stat-card{padding:16px}.wf-stat-card span{display:block;color:var(--wf-muted);font-size:13px;margin-bottom:8px}.wf-stat-card strong{font-size:24px}
.wf-line-item{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.wf-line-item:first-of-type{border-top:none}
.wf-timeline{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.wf-timeline-item{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:13px}
.wf-eta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 12px}.wf-eta-chip{background:#101015;border:1px solid var(--wf-border);border-radius:14px;padding:10px 12px}.wf-eta-chip span{display:block;color:var(--wf-muted);font-size:12px;margin-bottom:6px}.wf-eta-chip strong{font-size:18px}
@media (max-width:860px){.wf-grid-2,.wf-stats,.wf-eta-row{grid-template-columns:1fr}}
@media (max-width:640px){.wf-shell{padding:18px 12px 28px}.wf-page-title{font-size:28px}.wf-job-header,.wf-job-footer,.wf-form-inline,.wf-topbar{grid-template-columns:1fr;display:grid}.wf-top-actions{display:grid}.wf-btn-block-mobile{width:100%}}