.dashboard-page{padding-block:0 var(--spacing-16)}.dash-hero{background:linear-gradient(135deg, var(--color-primary) 0%, #0d4a7a 50%, #0a3d62 100%);color:var(--color-primary-text);padding:var(--spacing-10) 0 var(--spacing-8);margin-bottom:var(--spacing-8);position:relative;overflow:hidden}.dash-hero:before{content:"";background:radial-gradient(circle,#e8a83826 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-40%;right:-10%}.dash-hero:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-30%;left:-5%}.dash-hero-content{z-index:1;position:relative}.dash-hero-top{justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.dash-hero-left{align-items:center;gap:var(--spacing-4);display:flex}.dash-avatar{width:64px;height:64px;font-size:1.5rem;font-weight:var(--font-weight-bold);backdrop-filter:blur(8px);background:#ffffff26;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.dash-hero-text h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1);color:#fff}.dash-hero-text p{font-size:var(--font-size-sm);opacity:.85;color:#fff}.dash-hero-links{gap:var(--spacing-2);display:flex}.dash-hero-links a{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);text-decoration:none}.dash-link-profile{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.dash-link-profile:hover{background:#ffffff40}.dash-link-verify{background:var(--color-secondary);color:var(--color-secondary-text)}.dash-link-verify:hover{background:var(--color-secondary-hover)}.stats-row{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);align-items:center;gap:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon--rating{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon--jobs{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon--completion{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon--acceptance{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.stat-info{min-width:0}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.1}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.dashboard-grid{gap:var(--spacing-6);grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;display:grid}.dashboard-aside{gap:var(--spacing-5);flex-direction:column;display:flex}@media (width<=960px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{gap:var(--spacing-4);order:-1;grid-template-columns:1fr 1fr;display:grid}}@media (width<=640px){.dashboard-aside{grid-template-columns:1fr}}.panel{background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.toggle-row{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.toggle-row label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.toggle-switch{background:var(--color-neutral-200);cursor:pointer;width:48px;height:26px;transition:background var(--transition-base);border:none;border-radius:13px;position:relative}.toggle-switch[aria-checked=true]{background:#10b981}.toggle-thumb{width:20px;height:20px;transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch[aria-checked=true] .toggle-thumb{transform:translate(22px)}.availability-summary{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-md)}.profile-quick{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;width:56px;height:56px;font-size:1.25rem;font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0a3d624d}.profile-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.profile-tier{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-1);padding:3px 10px;display:inline-block}.status-badge--active{color:#065f46;background:#d1fae5}.status-badge--pendingverification{color:#92400e;background:#fef3c7}.status-badge--suspended{color:#991b1b;background:#fee2e2}.panel-header{align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.panel-header .panel-title{font-size:var(--font-size-lg);border:none;margin:0;padding:0}.job-tabs{gap:var(--spacing-1);display:flex}.tab-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--color-border-default);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:all var(--transition-base);background:0 0}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #0a3d6240}.tab-btn:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.auth-gate,.not-partner-gate{align-items:center;gap:var(--spacing-3);padding:var(--spacing-10);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.auth-gate p,.not-partner-gate p{font-size:var(--font-size-sm);max-width:280px;margin:0}.jobs-empty{align-items:center;gap:var(--spacing-3);padding:var(--spacing-10);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.status-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.status-icon{font-size:14px}.progress-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step-dot{background:var(--color-neutral-100);border:2px solid var(--color-neutral-300);width:24px;height:24px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.progress-step--done .step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0a3d624d}.progress-step--active .step-dot{color:#fff;background:#f59e0b;border-color:#f59e0b;animation:2s infinite pulse-dot;box-shadow:0 2px 12px #f59e0b66}@keyframes pulse-dot{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 2px 16px #f59e0b99}}.step-label{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center;white-space:nowrap}.progress-step--done .step-label{color:var(--color-primary)}.progress-step--active .step-label{color:#d97706;font-weight:var(--font-weight-semibold)}.form-group{margin-bottom:var(--spacing-3)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);display:block}.form-row{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.form-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color var(--transition-base)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0a3d621a}.btn-group{gap:var(--spacing-2);margin-top:var(--spacing-3);display:flex}.day-toggles{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.day-toggle input{display:none}.day-toggle span{border-radius:var(--radius-full);border:1px solid var(--color-border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);padding:6px 12px;display:inline-block}.day-toggle input:checked+span{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 6px #0a3d6233}.cards-grid{gap:var(--spacing-4);flex-direction:column;display:flex}.job-card-new{background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.job-card-new:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.card-accent{flex-shrink:0;width:5px}.job-card-new--offered .card-accent{background:linear-gradient(#f59e0b,#d97706)}.job-card-new--accepted .card-accent,.job-card-new--assigned .card-accent{background:linear-gradient(#3b82f6,#2563eb)}.job-card-new--enroute .card-accent{background:linear-gradient(#8b5cf6,#7c3aed)}.job-card-new--arrived .card-accent{background:linear-gradient(#a855f7,#9333ea)}.job-card-new--inprogress .card-accent{background:linear-gradient(#f59e0b,#eab308)}.job-card-new--completed .card-accent{background:linear-gradient(#10b981,#059669)}.job-card-new--expired .card-accent,.job-card-new--cancelled .card-accent,.job-card-new--rejected .card-accent{background:linear-gradient(#9ca3af,#6b7280)}.card-inner{min-width:0;padding:var(--spacing-5);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex}.card-row--top{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.card-left{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.card-right{text-align:right;flex-shrink:0}.card-amount{background:linear-gradient(135deg, var(--color-primary), #2980b9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800;line-height:1.2}.card-ref{font-size:11px;font-family:var(--font-mono);color:var(--color-text-muted);margin-top:2px}.card-service{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.card-countdown{color:#b45309;margin-top:var(--spacing-1);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.card-details{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.card-detail{padding:var(--spacing-2) var(--spacing-3);background:var(--color-neutral-50,#faf8f5);border-radius:10px;align-items:flex-start;gap:10px;min-width:0;display:flex}.card-detail-icon{text-align:center;flex-shrink:0;width:22px;margin-top:1px;font-size:18px}.card-detail-content{flex-direction:column;gap:1px;min-width:0;display:flex}.card-detail-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);font-size:10px;font-weight:700}.card-detail-value{color:var(--color-text-primary);word-break:break-word;font-size:13px;font-weight:600;line-height:1.3}.card-detail-value--truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-phone{color:var(--color-primary);margin-left:4px;font-size:12px;font-weight:500}.card-progress{padding:var(--spacing-3) 0;border-top:1px dashed var(--color-border-default);border-bottom:1px dashed var(--color-border-default);margin:var(--spacing-1) 0;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.card-completed-row{padding:var(--spacing-2) var(--spacing-3);color:#059669;margin-top:var(--spacing-1);background:linear-gradient(135deg,#10b9810f,#10b98105);border-radius:8px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.card-completed-icon{font-size:14px}.card-footer{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-1);display:flex}.card-footer-left{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.card-footer-right{gap:var(--spacing-2);display:flex}.card-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.card-btn:active{transform:scale(.97)}.card-btn--accept{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #0596694d}.card-btn--accept:hover{transform:translateY(-1px);box-shadow:0 4px 16px #05966966}.card-btn--decline{color:var(--color-text-muted);border:1px solid var(--color-border-default);background:0 0}.card-btn--decline:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.card-btn--primary{background:linear-gradient(135deg, var(--color-primary), #0d4a7a);color:#fff;box-shadow:0 2px 8px #0a3d6240}.card-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0a3d6259}.card-btn--success{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 8px #0596694d}.card-btn--success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #05966966}.card-btn--ghost{color:var(--color-primary);border:1px solid var(--color-border-default);background:0 0}.card-btn--ghost:hover{background:var(--color-neutral-50,#faf8f5);border-color:var(--color-primary)}@media (width<=640px){.card-inner{padding:var(--spacing-4)}.card-details{grid-template-columns:1fr}.card-row--top{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.card-right{text-align:left}.card-footer{flex-direction:column;align-items:stretch}.card-footer-left,.card-footer-right{justify-content:stretch}.card-footer-left .card-btn,.card-footer-right .card-btn{flex:1;justify-content:center}}.view-modal-overlay{backdrop-filter:blur(4px);z-index:9999;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.view-modal-overlay.show{opacity:1}.view-modal{background:var(--color-background-elevated);border-radius:16px;width:90%;max-width:560px;max-height:85vh;transition:transform .3s;overflow-y:auto;transform:translateY(20px);box-shadow:0 25px 60px #0003}.view-modal-overlay.show .view-modal{transform:translateY(0)}.view-modal-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.view-modal-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.view-modal-close{background:var(--color-neutral-100);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .2s;display:flex}.view-modal-close:hover{background:var(--color-neutral-200)}.view-modal-body{padding:var(--spacing-5)}.view-detail-row{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-default);display:flex}.view-detail-row:last-child{border-bottom:none}.view-detail-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.view-detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:var(--font-weight-semibold)}.view-detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-top:2px}.view-detail-value .history-status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.toast{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;z-index:10000;text-align:center;min-width:200px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-120%);box-shadow:0 8px 24px #00000026}.toast.show{transform:translate(-50%)translateY(0)}.toast--success{background:#059669}.toast--error{background:#dc2626}