:root{--logo-green: #79A763;--shadow-green: #5F7D52;--purple: #712D76;--charcoal: #333333;--slate: #638FA7;--alert-red: #EF4444;--notice-blue: #3B82F6;--warning-yellow: #F59E0B;--success-green: var(--logo-green);--surface: #FFFFFF;--surface-muted: #F7F9F7;--border: #E3E8E1;--gradient-hero: linear-gradient(135deg, var(--logo-green) 0%, var(--shadow-green) 100%);--gradient-purple: linear-gradient(135deg, var(--purple) 0%, #8B3A8F 100%);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 6px 12px -6px rgba(0, 0, 0, .12);--shadow-md: 0 14px 28px -12px rgba(0, 0, 0, .15);--shadow-lg: 0 24px 48px -18px rgba(0, 0, 0, .22);--transition: .2s ease;--transition-slow: .3s ease;--font-family: "Inter", Arial, sans-serif;--font-size-caption: 14px;--font-size-body: 16px;--font-size-small-title: 18px;--font-size-h3: 24px;--font-size-h2: 32px;--font-size-h1: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--container-max-width: 1280px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (max-width: 768px){:root{--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h3: 20px}}@media (prefers-reduced-motion: reduce){:root{--transition: 0ms;--transition-slow: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--charcoal);background-color:var(--surface-muted);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:2px solid var(--logo-green);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);height:44px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--logo-green);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--shadow-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--purple);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:#5a2460;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-tertiary{background:transparent;color:var(--charcoal);border:1px solid transparent}.btn-tertiary:hover:not(:disabled){background:var(--surface-muted);color:var(--charcoal);border-color:var(--border)}.btn-tertiary:focus-visible:not(:disabled){outline:2px solid var(--logo-green);outline-offset:2px}.btn-tertiary.active,.btn-tertiary[aria-pressed=true]{background:var(--logo-green);color:#fff;border-color:var(--logo-green)}.btn-outline{background:transparent;color:var(--logo-green);border:2px solid var(--logo-green)}.btn-outline:hover:not(:disabled){background:var(--logo-green);color:#fff}.btn-destructive{background:var(--alert-red);color:#fff}.btn-destructive:hover:not(:disabled){background:#dc2626}.btn-action-danger{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.btn-action-danger:hover:not(:disabled){background:var(--alert-red);color:#fff;border-color:var(--alert-red)}.btn-action-warning{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.btn-action-warning:hover:not(:disabled){background:var(--warning-yellow);color:#fff;border-color:var(--warning-yellow)}.btn-sm{height:36px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-caption)}.btn-lg{height:52px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-small-title)}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);min-width:0}.card:hover{box-shadow:var(--shadow-md)}.card-muted{background:var(--surface-muted)}.card-gradient-hero{background:var(--gradient-hero);color:#fff}.card-gradient-purple{background:var(--gradient-purple);color:#fff}.card-header{margin-bottom:var(--spacing-4)}.card-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.card-subtitle{font-size:var(--font-size-caption);opacity:.8}.card-body{margin-bottom:var(--spacing-4)}.card-footer{padding-top:var(--spacing-4);border-top:1px solid var(--border)}.form-group{margin-bottom:var(--spacing-4)}.form-group>label{display:block;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:var(--charcoal)}.form-label{display:block;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:var(--charcoal)}.form-input,.form-textarea,.form-select{width:100%;max-width:100%;min-width:0;height:44px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-body);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)}input.input-field,select.input-field,textarea.input-field{width:100%;max-width:100%;min-width:0;min-height:44px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-body);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)}input[type=date].input-field{-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea.input-field{height:auto;min-height:100px;resize:vertical}input.input-field:focus,select.input-field:focus,textarea.input-field:focus{outline:none;border-color:var(--logo-green);box-shadow:0 0 0 2px #79a76333}input.input-field.error,select.input-field.error,textarea.input-field.error{border-color:var(--alert-red)}input.input-field.error:focus,select.input-field.error:focus,textarea.input-field.error:focus{box-shadow:0 0 0 2px #ef444433}.form-stack{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-stack .form-group{margin-bottom:0}.form-textarea{height:auto;min-height:100px;resize:vertical}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--logo-green);box-shadow:0 0 0 2px #79a76333}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--alert-red)}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{box-shadow:0 0 0 2px #ef444433}.form-helper{display:block;font-size:var(--font-size-caption);margin-top:var(--spacing-1);color:var(--slate)}.form-error{display:block;font-size:var(--font-size-caption);margin-top:var(--spacing-1);color:var(--alert-red)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-success{background:#79a7631a;color:var(--logo-green)}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-danger{background:#ef44441a;color:var(--alert-red)}.badge-info{background:#3b82f61a;color:var(--notice-blue)}.badge-neutral{background:var(--surface-muted);color:var(--charcoal)}@media (max-width: 768px){.mobile\:hidden{display:none!important}.nav-sidebar{display:none}}@media (min-width: 769px){.md\:hidden{display:none!important}}.nav-sidebar{width:var(--sidebar-width);height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:var(--spacing-6);position:fixed;top:0;left:0;overflow-y:auto;display:flex;flex-direction:column}.nav-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.nav-logo{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border)}.nav-items{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-footer{margin-top:auto;padding-top:var(--spacing-6);border-top:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-1);border-radius:var(--radius-md);color:var(--slate);font-weight:var(--font-weight-medium);transition:all var(--transition);cursor:pointer;position:relative}.nav-item:hover{background:var(--surface-muted);color:var(--charcoal)}.nav-item.active{background:#79a7631a;color:var(--logo-green)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--logo-green);border-radius:0 2px 2px 0}.nav-badge{margin-left:auto;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--alert-red);color:#fff;font-size:12px;border-radius:10px;padding:0 6px}.nav-bottom{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-4);z-index:var(--z-fixed)}.nav-bottom-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);color:var(--slate);font-size:12px;transition:color var(--transition);flex:1;max-width:80px}.nav-bottom-item.active{color:var(--logo-green)}.tab-btn.active,.period-btn.active{background:var(--logo-green);color:#fff;border:none}.tab-btn.active:hover:not(:disabled),.period-btn.active:hover:not(:disabled){background:var(--shadow-green);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:100%;max-height:90vh;overflow:auto;z-index:var(--z-modal)}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-6);border-top:1px solid var(--border);display:flex;gap:var(--spacing-3);justify-content:flex-end}.skeleton{background:var(--surface-muted);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:16px;margin-bottom:var(--spacing-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--spacing-3)}.loading-skeleton{background:var(--surface-muted);border-radius:var(--radius-md);position:relative;overflow:hidden}.loading-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}.toast-container{position:fixed;top:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--spacing-3)}.toast{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);min-width:300px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--logo-green)}.toast-error{border-left:4px solid var(--alert-red)}.toast-info{border-left:4px solid var(--notice-blue)}.table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:640px;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border);vertical-align:top}.data-table thead th{font-size:var(--font-size-caption);color:var(--slate);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.open-shift-calendar{display:grid;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding:var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.open-shift-calendar-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--spacing-3);align-items:center}.open-shift-calendar-title{min-width:0;color:var(--charcoal);font-size:var(--font-size-small-title);font-weight:var(--font-weight-semibold);text-align:center}.open-shift-calendar-actions{display:inline-flex;gap:var(--spacing-2);align-items:center}.open-shift-calendar-weekdays,.open-shift-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--spacing-2)}.open-shift-calendar-weekdays span{color:var(--slate);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-align:center}.open-shift-calendar-blank,.open-shift-calendar-day{min-height:54px}.open-shift-calendar-day{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px var(--spacing-1);align-items:center;justify-items:center;padding:var(--spacing-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--charcoal);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.open-shift-calendar-day:hover,.open-shift-calendar-day:focus-visible{border-color:var(--logo-green);outline:none;box-shadow:0 0 0 2px #79a7632e}.open-shift-calendar-day.is-selected{background:var(--logo-green);border-color:var(--logo-green);color:#fff}.open-shift-calendar-day.is-today:not(.is-selected){border-color:var(--slate)}.open-shift-calendar-date{grid-column:1;font-weight:var(--font-weight-semibold)}.open-shift-calendar-count{grid-column:2;min-width:20px;padding:1px var(--spacing-1);border-radius:var(--radius-full);background:#3b82f61f;color:var(--notice-blue);font-size:12px;font-weight:var(--font-weight-bold);line-height:18px;text-align:center}.open-shift-calendar-day.is-selected .open-shift-calendar-count{background:#fff3;color:#fff}.open-shift-calendar-day ion-icon{grid-column:1 / -1;color:var(--purple);font-size:14px}.open-shift-calendar-day.is-selected ion-icon{color:#fff}.open-shifts-selected-day{display:grid;gap:var(--spacing-3)}.open-shifts-day-list{display:grid;gap:var(--spacing-5)}.open-shift-day-group{display:grid;gap:var(--spacing-3)}.open-shift-day-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.open-shift-day-header h3{margin:0;color:var(--charcoal);font-size:var(--font-size-small-title);line-height:var(--line-height-tight)}.open-shift-card-list{display:grid;gap:var(--spacing-3)}.open-shift-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-4);align-items:center;padding:var(--spacing-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.open-shift-card--locked{background:var(--surface-muted);border-color:#638fa759}.open-shift-card-main{display:grid;gap:var(--spacing-2);min-width:0}.open-shift-time-row{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;color:var(--charcoal)}.open-shift-card--locked .open-shift-time-row{color:var(--slate)}.open-shift-time-row ion-icon{color:var(--slate);font-size:18px;flex:0 0 auto}.open-shift-meta{display:flex;gap:var(--spacing-3);flex-wrap:wrap;color:var(--slate);font-size:var(--font-size-caption)}.open-shift-lock-note{display:grid;gap:var(--spacing-1);padding-top:var(--spacing-2);color:var(--slate);font-size:var(--font-size-caption)}.open-shift-lock-title{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--purple);font-weight:var(--font-weight-semibold)}.open-shift-lock-title ion-icon{font-size:16px}.open-shift-lock-note p{margin:0;max-width:760px;line-height:var(--line-height-normal)}.open-shift-card-action{display:flex;justify-content:flex-end}@media (max-width: 640px){.open-shift-calendar{padding:var(--spacing-3)}.open-shift-calendar-toolbar{grid-template-columns:1fr}.open-shift-calendar-title{order:-1}.open-shift-calendar-toolbar>.btn,.open-shift-calendar-actions{width:100%}.open-shift-calendar-actions .btn{flex:1 1 0}.open-shift-calendar-weekdays,.open-shift-calendar-grid{gap:var(--spacing-1)}.open-shift-calendar-blank,.open-shift-calendar-day{min-height:46px}.open-shift-calendar-day{padding:var(--spacing-1)}.open-shift-card{grid-template-columns:1fr}.open-shift-card-action{justify-content:stretch}.open-shift-card-action .btn{width:100%}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-6)}.grid{display:grid;gap:var(--spacing-6)}.grid>*{min-width:0}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card{padding:var(--spacing-4)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.text-muted{color:var(--slate)}.hidden{display:none!important}@media (min-width: 768px){.md\:hidden{display:none!important}}@media (max-width: 767px){.mobile\:hidden{display:none!important}}.main-layout{display:flex;min-height:100vh;width:100%;max-width:100%}.main-layout>*{min-width:0}.main-content{flex:1;width:100%;max-width:100%;min-width:0;margin-left:var(--sidebar-width);padding:var(--spacing-6);transition:margin-left var(--transition)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}@media (max-width: 768px){.main-content{margin-left:0;padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-bottom:80px}}.page-header{margin-bottom:var(--spacing-8)}.page-title{font-size:var(--font-size-h1);color:var(--charcoal);margin-bottom:var(--spacing-2)}.page-subtitle{font-size:var(--font-size-body);color:var(--slate)}.hero{background:var(--gradient-hero);color:#fff;padding:var(--spacing-8) var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--spacing-6);align-items:center}.hero-main{min-width:0}.hero-greeting{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.hero-meta{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-6);font-size:var(--font-size-caption);opacity:.9}.hero-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.hero-actions .btn-tertiary{color:#fff;border-color:#fff6}.hero-actions .btn-tertiary:hover:not(:disabled),.hero-actions .btn-tertiary:focus-visible:not(:disabled){background:#ffffff29;color:#fff;border-color:#fff9}.hero-profile{display:flex;justify-content:flex-end}.hero-profile-card{display:flex;gap:var(--spacing-4);align-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-4);width:100%;max-width:420px}.dashboard-top-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--spacing-6)}.dashboard-top-grid>*{min-width:0}.dashboard-main-card{grid-column:1;grid-row:1 / 3;min-width:0}.dashboard-need-help{grid-column:2 / 4}.dashboard-schedule-card{display:flex;flex-direction:column}.dashboard-schedule-card #scheduleSection{flex:1;min-width:0}.support-actions{align-items:stretch}@media (min-width: 769px){.dashboard-top-grid.dashboard-top-grid--compact{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);grid-template-rows:auto auto;align-items:stretch}.dashboard-top-grid.dashboard-top-grid--compact .points-metric-card{grid-column:1}.dashboard-top-grid.dashboard-top-grid--compact .dashboard-schedule-card{grid-column:2}.dashboard-top-grid.dashboard-top-grid--compact .dashboard-need-help{grid-column:1 / -1}.dashboard-top-grid.dashboard-top-grid--compact .support-actions{justify-content:space-between}.dashboard-top-grid.dashboard-top-grid--compact .support-actions .btn{flex:1 1 180px;min-width:0;justify-content:center}}.profile-layout{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.profile-main,.profile-sidebar{display:grid;gap:var(--spacing-6);min-width:0;align-content:start}.profile-card{margin-bottom:0;min-width:0}@media (min-width: 1024px){.profile-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);align-items:start}.profile-main{grid-column:1}.profile-sidebar{grid-column:2}}.hero-profile-avatar{width:64px;height:64px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.hero-profile-name{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:4px;font-weight:700;font-size:1.1rem}.hero-profile-email{font-size:.85rem;color:#fffc;margin-bottom:4px}.hero-profile-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#ffffffd9}.hero-badge-ultimate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hero-badge-status.active{background:#10b981;color:#fff}.hero-badge-status.inactive{background:#6b7280;color:#fff}@media (max-width: 768px){.points-metric-card{display:none}.hero{padding:var(--spacing-6) var(--spacing-4)}.hero-layout{grid-template-columns:1fr}.hero-profile{justify-content:flex-start}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.dashboard-top-grid{grid-template-columns:1fr}.dashboard-main-card{grid-column:1;grid-row:auto}.dashboard-top-grid.dashboard-top-grid--compact{grid-template-columns:1fr}.dashboard-need-help{grid-column:1}.profile-layout{grid-template-columns:1fr}.calendar-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-2)}.calendar-day{width:auto;padding:var(--spacing-2);min-height:68px}.support-actions{flex-direction:column}.support-actions .btn{width:100%;white-space:normal;text-align:left;justify-content:flex-start}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.metric-card{background:var(--surface);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.metric-label{font-size:var(--font-size-caption);color:var(--slate);margin-bottom:var(--spacing-2)}.metric-value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--charcoal);margin-bottom:var(--spacing-1)}.metric-trend{font-size:var(--font-size-caption);display:flex;align-items:center;gap:var(--spacing-1)}.metric-trend.positive{color:var(--logo-green)}.metric-trend.negative{color:var(--alert-red)}.task-list{list-style:none}.task-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--border)}.task-item:last-child{border-bottom:none}.task-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-muted);border-radius:var(--radius-md)}.task-content{flex:1}.task-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.task-description{font-size:var(--font-size-caption);color:var(--slate);margin-bottom:var(--spacing-2)}.task-action{margin-top:var(--spacing-2)}.calendar-strip{display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-2) 0;margin-bottom:var(--spacing-4)}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:60px;min-height:72px;padding:var(--spacing-3);text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);text-decoration:none;color:var(--charcoal)}.calendar-day:hover{border-color:var(--logo-green);background:var(--surface-muted);color:var(--charcoal)}.calendar-day.active{background:var(--logo-green);color:#fff;border-color:var(--logo-green)}.calendar-day:focus-visible{outline:2px solid var(--logo-green);outline-offset:2px}.calendar-day-name{font-size:12px;opacity:.8;margin-bottom:var(--spacing-1)}.calendar-day-number{font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold)}.calendar-day-dot{width:6px;height:6px;border-radius:50%;margin:var(--spacing-1) auto 0}.calendar-day-dot.scheduled{background:var(--logo-green)}.calendar-day-dot.available{background:var(--notice-blue)}.delivery-list{list-style:none}.delivery-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--border)}.delivery-item:last-child{border-bottom:none}.delivery-route{flex:1}.delivery-restaurant{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.delivery-address{font-size:var(--font-size-caption);color:var(--slate)}.delivery-meta{display:flex;align-items:center;gap:var(--spacing-4);font-size:var(--font-size-caption);color:var(--slate)}.delivery-payout{font-weight:var(--font-weight-bold);color:var(--logo-green);font-size:var(--font-size-body)}.empty-state{text-align:center;padding:var(--spacing-10) var(--spacing-6)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);background:var(--surface-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--slate)}.empty-state-title{font-size:var(--font-size-h3);margin-bottom:var(--spacing-2)}.empty-state-description{color:var(--slate);margin-bottom:var(--spacing-4)}.progress-ring{position:relative;width:80px;height:80px}.progress-ring-circle{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-small-title);font-weight:var(--font-weight-bold)}