:root{--sc-ink:var(--sc-color-text-primary);--sc-muted:var(--sc-color-text-secondary);--sc-subtle:var(--sc-color-text-muted);--sc-canvas:var(--sc-color-canvas);--sc-surface:var(--sc-color-surface-primary);--sc-surface-muted:var(--sc-color-surface-secondary);--sc-line:var(--sc-color-border-subtle);--sc-line-strong:var(--sc-color-border-strong);--sc-accent:var(--sc-color-action-accent);--sc-accent-hover:var(--sc-color-status-progress-content);--sc-accent-soft:var(--sc-color-status-progress-surface);--sc-success:var(--sc-color-status-success-content);--sc-radius:var(--sc-radius-md);--sc-shadow:var(--sc-elevation-one)}body{background:var(--sc-canvas);color:var(--sc-ink)}.client-shell{background:var(--sc-canvas);min-height:100vh}.client-main{min-height:100vh;padding:28px 32px 48px}.client-page{width:100%;max-width:1320px;margin:0 auto}.client-page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.client-page-eyebrow{color:var(--sc-subtle);letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.client-page-title{color:var(--sc-ink);letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,36px);font-weight:650;line-height:1.1}.client-page-description{color:var(--sc-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.ui-surface{border:1px solid var(--sc-line);border-radius:var(--sc-radius);background:var(--sc-surface);box-shadow:var(--sc-shadow)}.ui-subtle-surface{border:1px solid var(--sc-line);background:var(--sc-surface-muted);border-radius:12px}.app-shell{background:var(--sc-canvas);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--sc-line);background:color-mix(in srgb, var(--sc-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.content{padding:32px}.content .page-container{max-width:none!important;margin:0!important;padding:0!important}.page-container{max-width:1200px!important;margin:0 auto!important;padding:clamp(24px,4vw,56px) 20px!important}.page-transition{animation:.28s ease-out both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.task-card,.location-card{border:1px solid var(--sc-line)!important;border-radius:var(--sc-radius)!important;background:var(--sc-surface)!important;box-shadow:var(--sc-shadow)!important}.task-card:hover,.location-card:hover{transform:none;border-color:var(--sc-line-strong)!important;box-shadow:0 1px 2px #1018280a,0 12px 28px #10182812!important}.ui-btn{justify-content:center;align-items:center;min-height:40px;display:inline-flex;box-shadow:0 1px 2px #1018280a;border:1px solid var(--sc-line-strong)!important;background:var(--sc-surface)!important;color:var(--sc-ink)!important;border-radius:10px!important;padding:0 14px!important;font-size:14px!important;font-weight:600!important}.ui-btn:hover{transform:none;box-shadow:0 1px 2px #1018280a;border-color:var(--sc-line-strong)!important;background:var(--sc-surface-muted)!important}.form-input,.pricing-input{border:1px solid var(--sc-line-strong);background:var(--sc-surface);width:100%;height:42px;color:var(--sc-ink);border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.pricing-input:focus{border-color:var(--sc-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sc-accent) 13%, transparent)}table{border-collapse:collapse;width:100%}@media (max-width:1023px){.client-main{padding:20px 20px 36px}.client-page-heading{margin-bottom:22px}}@media (max-width:640px){.client-main{padding:16px 16px 28px}.client-page-heading{flex-direction:column;align-items:stretch;gap:14px}.client-page-title{font-size:28px}}