:root{--bg:#f7f5ef;--card-bg:#fff;--border:#e2e5d9;--border-strong:#ccd2c0;--text:#2a2d26;--muted:#6f7568;--primary:#5c6356;--primary-dark:#454a3d;--primary-light:#eaece4;--danger:#b3261e;--success:#3f7d4a;--success-light:#e3efe4;--warn:#b8860b;--warn-light:#f7edd4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0 0 8px}p{margin:4px 0}.muted{color:var(--muted)}.small{font-size:.85em}.capitalize{text-transform:capitalize}.negative{color:var(--danger)}.page{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.row-gap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topnav{background:var(--primary);color:#fff;align-items:center;gap:24px;padding:12px 24px;display:flex}.topnav-brand{letter-spacing:.01em;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;text-decoration:none}.topnav-brand:hover{opacity:.85}.topnav-links{flex:1;gap:16px;display:flex}.topnav-links a{color:#ffffffc7;border-bottom:2px solid #0000;padding:6px 4px;text-decoration:none}.topnav-links a.active{color:#fff;border-bottom:2px solid #fff}.topnav-links a:hover{color:#fff}.topnav-user{align-items:center;gap:12px;display:flex}.topnav-user .muted{color:#ffffffbf}.topnav-account{color:#ffffffd9;border-bottom:1px solid #0000;padding:4px 2px;text-decoration:none}.topnav-account:hover{color:#fff;border-bottom-color:#fff9}.topnav .btn-ghost{color:#ffffffd9}.topnav .btn-ghost:hover{color:#fff;background:#ffffff1f}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:18px}.btn{border:1px solid var(--border-strong);cursor:pointer;color:var(--text);background:#fff;border-radius:6px;padding:8px 14px;font-size:.9rem}.btn:hover{background:var(--primary-light)}.btn-sm{padding:4px 10px;font-size:.8rem}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:var(--primary-light);border-color:var(--border-strong);color:var(--primary-dark)}.btn-secondary:hover{background:#dfe3d6}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--primary-light)}.btn:disabled{opacity:.6;cursor:default}label{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:10px;font-size:.85rem;display:flex}input,select,textarea{border:1px solid var(--border-strong);color:var(--text);background:#fff;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5c63562e}textarea{resize:vertical;min-height:60px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.span-2{grid-column:span 2}.alert-error{color:#7a1f19;background:#fdf1f0;border:1px solid #f2c6c2;border-radius:6px;margin-bottom:10px;padding:8px 12px}.alert-success{background:var(--success-light);border:1px solid var(--success);color:var(--success);border-radius:6px;margin-bottom:10px;padding:8px 12px}.login-page{background:linear-gradient(160deg, var(--primary-light) 0%, var(--bg) 55%, var(--bg) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-top:4px solid var(--primary);width:360px;padding:28px 28px 24px;box-shadow:0 10px 30px #2a2d261f}.login-brand{text-align:center;margin-bottom:18px}.login-brand-logo{width:100%;max-width:200px;height:auto;margin:0 auto 14px;display:block}.login-brand h1{color:var(--text);font-size:1.3rem}.login-brand p{margin:2px 0 0;font-size:.85rem}.login-submit{width:100%;margin-top:6px;padding:10px 14px;font-size:.95rem}.job-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.job-card{color:inherit;text-decoration:none;display:block}.job-card-value{margin:8px 0;font-size:1.1rem;font-weight:600}.badge{color:#3f4238;background:#e5e7e0;border-radius:999px;padding:2px 10px;font-size:.75rem;display:inline-block}.badge-active{background:var(--success-light);color:var(--success)}.badge-on_hold{background:var(--warn-light);color:var(--warn)}.badge-complete{background:var(--primary-light);color:var(--primary-dark)}.badge-status-pending{color:#3f4238;background:#e5e7e0}.badge-status-ready_for_payment{background:var(--warn-light);color:var(--warn)}.badge-status-paid{background:var(--success-light);color:var(--success)}.badge-status-draft{color:#3f4238;background:#e5e7e0}.badge-status-submitted{background:var(--warn-light);color:var(--warn)}.badge-status-unapproved{color:var(--danger);background:#fdf1f0}.badge-status-approved{background:var(--success-light);color:var(--success)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:.95rem}.tab:hover{color:var(--primary-dark)}.tab-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.detail-grid{grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:16px;display:grid}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;display:block}.table{border-collapse:collapse;width:100%;margin-top:8px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px;font-size:.9rem}.table th{color:var(--primary-dark);text-transform:uppercase;background:var(--primary-light);font-size:.78rem;font-weight:600}.table th:first-child{border-top-left-radius:6px}.table th:last-child{border-top-right-radius:6px}.table td.num,.table th.num{text-align:right}.num{font-variant-numeric:tabular-nums;text-align:right}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--primary-light)}.link-btn{color:var(--text);cursor:pointer;font-size:inherit;text-align:left;background:0 0;border:none;padding:0}.link-btn:hover{text-decoration:underline}.folder-icon{margin-right:4px}.forecast-card{background:var(--primary-light);border-color:var(--border-strong)}.forecast-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0;display:grid}.forecast-item{text-align:right;grid-template-rows:auto auto;justify-items:end;display:grid}.forecast-item .label{justify-self:end}.forecast-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.3rem;font-weight:700}.forecast-breakdown{color:var(--muted);border-top:1px solid var(--border-strong);grid-template-columns:repeat(4,1fr);gap:6px 16px;padding-top:10px;font-size:.85rem;display:grid}.forecast-breakdown-row{grid-column:span 2;grid-template-columns:1fr auto;gap:12px;display:grid}.forecast-breakdown-row .num{font-variant-numeric:tabular-nums;color:var(--text);text-align:right}.line-item-row-wrap{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.line-item-row{grid-template-columns:1fr 1.4fr 1fr 1fr;gap:8px;display:grid}.line-item-row input{margin-bottom:0}.li-total{font-variant-numeric:tabular-nums;text-align:right}.li-rate,.li-qty{text-align:right}.breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:.9rem;display:flex}.breadcrumb-link{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:2px 4px}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--muted);margin:0 2px}.dropzone{border:2px dashed var(--border-strong);text-align:center;background:var(--card-bg);border-radius:10px;margin-bottom:16px;padding:28px 16px;transition:background .15s,border-color .15s}.dropzone p{color:var(--muted);margin-bottom:12px}.dropzone-active{background:var(--primary-light);border-color:var(--primary)}.calendar-toolbar{justify-content:center;align-items:center;gap:20px;margin-bottom:12px;display:flex}.month-grid{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;overflow:hidden}.month-dow-row{grid-template-columns:repeat(7,1fr);display:grid}.month-dow{background:var(--primary-light);text-align:center;color:var(--primary-dark);border-bottom:1px solid var(--border);padding:6px;font-size:.75rem;font-weight:600}.month-week{grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.month-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;background:#fff;padding:3px 4px}.month-cell:hover{background:#fbfbf8}.month-cell.today{background:#f2f5ee}.month-cell.month-cell-outside{color:var(--muted);background:#fafaf7}.month-cell.month-cell-outside .month-daynum{color:#b7bcac}.month-daynum{color:var(--muted);font-size:.78rem;line-height:1}.month-task-bar{color:#fff;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:var(--primary);border-radius:4px;align-self:center;margin:0 1px;padding:0 6px;font-size:.72rem;line-height:18px;overflow:hidden}.month-task-bar.continues-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.month-task-bar.continues-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.color-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.color-picker{gap:6px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.color-swatch.selected{border-color:var(--text)}.notes-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.note-body{white-space:pre-wrap}@media (width<=700px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.detail-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr 1fr}.forecast-breakdown{grid-template-columns:1fr}.forecast-breakdown-row{grid-column:span 1}}.modal-backdrop{z-index:50;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:100%;max-width:560px;max-height:90vh;padding:20px;overflow-y:auto}