: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)}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)}.btn-tertiary:hover:not(:disabled){background:var(--surface-muted)}.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-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)}.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-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%;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);transition:border-color var(--transition),box-shadow var(--transition)}.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)}.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}.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-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)}.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)}.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)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-6)}.grid{display:grid;gap:var(--spacing-6)}.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}}.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}.main-content{flex:1;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-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-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}@media (max-width: 768px){.hero{padding:var(--spacing-6) var(--spacing-4)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.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;gap:var(--spacing-2);overflow-x:auto;padding:var(--spacing-2) 0;margin-bottom:var(--spacing-4)}.calendar-day{flex-shrink:0;width:60px;padding:var(--spacing-3);text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.calendar-day:hover{border-color:var(--logo-green);background:var(--surface-muted)}.calendar-day.active{background:var(--logo-green);color:#fff;border-color:var(--logo-green)}.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)}