@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap";:root{--brand-primary: hsl(0, 75%, 43%);--brand-primary-hover: hsl(0, 75%, 35%);--brand-primary-light: hsl(0, 75%, 95%);--brand-accent: hsl(45, 93%, 56%);--brand-accent-hover: hsl(45, 93%, 48%);--success: hsl(142, 71%, 45%);--success-light: hsl(142, 71%, 95%);--warning: hsl(38, 92%, 50%);--warning-light: hsl(38, 92%, 95%);--error: hsl(0, 75%, 60%);--error-light: hsl(0, 75%, 95%);--info: hsl(217, 71%, 53%);--info-light: hsl(217, 71%, 95%);--slate-50: hsl(210, 40%, 98%);--slate-100: hsl(210, 40%, 96%);--slate-200: hsl(214, 32%, 91%);--slate-300: hsl(213, 27%, 84%);--slate-400: hsl(215, 20%, 65%);--slate-500: hsl(215, 16%, 47%);--slate-600: hsl(215, 19%, 35%);--slate-700: hsl(215, 25%, 27%);--slate-800: hsl(217, 33%, 17%);--slate-900: hsl(222, 47%, 11%);--bg-primary: var(--slate-50);--bg-secondary: var(--slate-100);--surface: #ffffff;--surface-hover: var(--slate-50);--text-primary: var(--slate-900);--text-secondary: var(--slate-600);--text-tertiary: var(--slate-500);--text-inverse: #ffffff;--border-light: var(--slate-200);--border-medium: var(--slate-300);--border-strong: var(--slate-400);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--header-height: 110px;--col-width-driver: 300px;--col-width-day: 320px;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-body);background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;line-height:1.5}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.gradient-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,hsl(0,75%,35%) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--brand-accent) 0%,hsl(45,93%,48%) 100%)}.app-container{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.app-header{height:var(--header-height);background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;padding:0 var(--spacing-xl);box-shadow:var(--shadow-lg),0 1px #0000000d;z-index:100;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-accent) 100%) 1;flex-shrink:0;position:relative}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(185,28,28,.03) 0%,transparent 100%);pointer-events:none}.logo-container{position:relative;z-index:1}.app-logo{height:85px;margin-right:var(--spacing-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform var(--transition-base)}.app-logo:hover{transform:scale(1.05)}.header-title{position:relative;z-index:1}.header-title h1{margin:0;color:var(--slate-900);font-size:1.75rem;font-weight:800;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--slate-800) 0%,var(--slate-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{margin:.25rem 0 0;color:var(--brand-primary);font-weight:700;font-size:.95rem;letter-spacing:1px;text-transform:uppercase}.main-content{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.week-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);gap:var(--spacing-lg);flex-shrink:0;box-shadow:var(--shadow-sm)}.week-controls button{background:var(--surface);border:2px solid var(--border-light);padding:.625rem 1.5rem;border-radius:var(--radius-lg);font-weight:700;font-size:.875rem;color:var(--slate-700);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);font-family:var(--font-body)}.week-controls button:hover{background:var(--slate-50);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.week-controls button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.week-label{text-align:center;display:flex;flex-direction:column;padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--brand-primary) 0%,hsl(0,75%,35%) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 0 20px #b91c1c33;min-width:220px}.week-label span{font-weight:800;font-size:1.25rem;color:#fff;font-family:var(--font-heading);text-shadow:0 2px 4px rgba(0,0,0,.1)}.week-label small{color:#ffffffe6;font-weight:500;font-size:.8rem;margin-top:.125rem}.scheduler-grid-container{height:100%;display:flex;flex-direction:column;overflow:auto;background:var(--bg-primary);position:relative}.scheduler-header-row{display:flex;position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--slate-800) 0%,var(--slate-900) 100%);color:#fff;min-width:fit-content;box-shadow:var(--shadow-lg)}.header-cell{padding:var(--spacing-lg);font-weight:700;font-size:.9rem;text-align:center;border-right:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-heading)}.day-header{width:var(--col-width-day);min-width:var(--col-width-day);background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%)}.sticky-col{position:sticky;left:0;width:var(--col-width-driver);min-width:var(--col-width-driver);background:var(--surface);z-index:60;border-right:2px solid var(--border-medium);box-shadow:4px 0 8px #0000000d}.scheduler-header-row .sticky-col{background:linear-gradient(135deg,var(--slate-800) 0%,var(--slate-700) 100%);z-index:70}.group-header-row{display:flex;background:linear-gradient(135deg,var(--slate-200) 0%,var(--slate-300) 100%);font-weight:800;color:var(--slate-800);position:sticky;left:0;z-index:40;box-shadow:var(--shadow-sm)}.group-header-row .sticky-col{background:linear-gradient(135deg,var(--slate-200) 0%,var(--slate-300) 100%)!important;padding:.75rem var(--spacing-lg);text-transform:uppercase;font-size:.85rem;letter-spacing:1px;border-bottom:2px solid var(--border-medium);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading)}.group-title{display:flex;align-items:center;gap:var(--spacing-sm)}.group-divider{flex:1;background:linear-gradient(135deg,var(--slate-200) 0%,var(--slate-300) 100%);border-bottom:2px solid var(--border-medium)}.add-driver-btn{background:linear-gradient(135deg,var(--brand-primary) 0%,hsl(0,75%,35%) 100%);color:#fff;border:none;border-radius:var(--radius-md);padding:.375rem .875rem;font-size:.75rem;font-weight:700;cursor:pointer;text-transform:none;letter-spacing:normal;transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-family:var(--font-body)}.add-driver-btn:hover{background:linear-gradient(135deg,#9c1616,#701010);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-driver-btn:active{transform:translateY(0)}.scheduler-body{min-width:fit-content;background:var(--bg-primary)}.driver-row{display:flex;border-bottom:1px solid var(--border-light);background:var(--surface);min-height:60px;transition:all var(--transition-base);position:relative}.driver-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand-primary) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.driver-row:hover:before{opacity:1}.driver-row:nth-child(2n){background:linear-gradient(90deg,var(--slate-50) 0%,var(--surface) 100%)}.driver-row:nth-child(2n) .sticky-col{background:linear-gradient(90deg,var(--slate-50) 0%,var(--surface) 100%)}.driver-row:hover{background:linear-gradient(90deg,var(--brand-primary-light) 0%,var(--surface) 100%);box-shadow:inset 0 1px #b91c1c1a,inset 0 -1px #b91c1c1a}.driver-row:hover .sticky-col{background:linear-gradient(90deg,var(--brand-primary-light) 0%,var(--surface) 100%)}.driver-info-cell{padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}.driver-primary-info{display:flex;align-items:center;min-height:38px;gap:var(--spacing-sm)}.expand-btn{background:linear-gradient(135deg,var(--slate-700) 0%,var(--slate-800) 100%);color:#fff;border:none;width:28px;height:28px;border-radius:var(--radius-md);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.expand-btn:hover{background:linear-gradient(135deg,var(--brand-primary) 0%,hsl(0,75%,35%) 100%);transform:scale(1.1);box-shadow:var(--shadow-md)}.expand-btn:active{transform:scale(.95)}.driver-name-label{font-weight:700;font-size:1.05rem;color:var(--slate-800);font-family:var(--font-heading);transition:color var(--transition-base)}.driver-name-label.driver-unassigned{color:var(--error);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.driver-name-label.driver-assigned{color:var(--slate-800)}.driver-sub-info{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-xs)}.driver-expanded-details{margin-top:var(--spacing-sm);font-size:.85rem;animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgba(185,28,28,.03) 0%,transparent 100%);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-light)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-row{margin-bottom:var(--spacing-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.info-row strong{color:var(--text-primary);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}.stat-box{background:linear-gradient(135deg,var(--surface) 0%,var(--slate-50) 100%);padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;border:1px solid var(--border-light);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.stat-box span{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-box strong{font-size:1rem;color:var(--brand-primary);font-weight:800;margin-top:var(--spacing-xs);font-family:var(--font-heading)}.delete-driver-btn{background:none;border:none;color:var(--slate-300);font-size:1.5rem;cursor:pointer;margin-left:auto;padding:0 var(--spacing-sm);opacity:0;transition:all var(--transition-base);line-height:1}.driver-row:hover .delete-driver-btn{opacity:1}.delete-driver-btn:hover{color:var(--error);transform:scale(1.2)}.day-cell{width:var(--col-width-day);min-width:var(--col-width-day);border-right:1px solid var(--border-light);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.day-cell.collapsed{padding:var(--spacing-sm);justify-content:flex-start}.compact-loads{display:flex;flex-direction:column;gap:.375rem}.compact-load-item{background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-50) 100%);border-left:3px solid var(--slate-600);padding:.375rem var(--spacing-sm);font-size:.75rem;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.compact-load-item:hover{transform:translate(4px);border-left-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.compact-dest{font-weight:600;color:var(--error);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-pay{color:var(--slate-700);font-weight:700}.day-totals.compact{margin-top:var(--spacing-sm);padding:var(--spacing-xs);font-size:.75rem;font-weight:700;display:flex;justify-content:flex-end;background:transparent;color:var(--slate-700)}.load-card{background:linear-gradient(135deg,var(--surface) 0%,var(--slate-50) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.load-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-accent) 100%);transform:scaleX(0);transition:transform var(--transition-base)}.load-card:hover:before{transform:scaleX(1)}.load-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.load-card.editing{border-color:var(--info);box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)}.load-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.load-header strong{font-weight:700;color:var(--text-primary);font-size:.95rem}.load-badges{display:flex;gap:var(--spacing-sm);align-items:center}.load-number{background:var(--slate-200);color:var(--slate-700);padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.load-route{margin-bottom:var(--spacing-sm)}.dest-text{display:block;color:var(--error);font-weight:700;font-size:.9rem;margin-top:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.load-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.load-actions button{flex:1;padding:.5rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-body);border:1px solid var(--border-medium);background:var(--surface);color:var(--text-primary)}.load-actions button:hover{background:var(--slate-100);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.delete-btn{background:transparent!important;color:var(--error)!important;border:none!important;font-size:1.5rem!important;padding:0 var(--spacing-sm)!important;flex:0!important}.delete-btn:hover{transform:scale(1.2)!important;background:transparent!important}.input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.input-group input{flex:1;padding:.5rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.85rem;font-family:var(--font-body);transition:all var(--transition-base)}.input-group input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #b91c1c1a}.read-only-input{background:var(--slate-100)!important;cursor:not-allowed}.save-btn{background:linear-gradient(135deg,var(--success) 0%,hsl(142,71%,35%) 100%)!important;color:#fff!important;border:none!important;font-weight:700!important;padding:.625rem 1.25rem!important;flex:1!important}.save-btn:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}.delete-btn-text{color:var(--error)!important;background:transparent!important;border:1px solid var(--error)!important;padding:.625rem 1.25rem!important}.delete-btn-text:hover{background:var(--error-light)!important}.file-upload{cursor:pointer;background:var(--slate-200);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;display:inline-flex;align-items:center;gap:var(--spacing-xs);border:1px solid var(--border-medium);transition:all var(--transition-base);font-weight:600}.file-upload:hover{background:var(--slate-300);transform:translateY(-1px)}.period-section{margin-bottom:var(--spacing-md)}.period-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-50) 100%);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--slate-700)}.add-btn{background:linear-gradient(135deg,var(--brand-primary) 0%,hsl(0,75%,35%) 100%);color:#fff;border:none;width:24px;height:24px;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.add-btn:hover{background:linear-gradient(135deg,#9c1616,#701010);transform:scale(1.15);box-shadow:var(--shadow-md)}.add-btn:active{transform:scale(.95)}.loads-list{display:flex;flex-direction:column}.day-totals{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:linear-gradient(135deg,var(--slate-100) 0%,var(--slate-50) 100%);border-radius:var(--radius-md);display:flex;justify-content:space-around;font-size:.85rem;font-weight:700;border:1px solid var(--border-light)}.total-item{display:flex;flex-direction:column;align-items:center}.total-item span{color:var(--brand-primary);font-size:1rem;font-family:var(--font-heading)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--slate-100);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--slate-400) 0%,var(--slate-500) 100%);border-radius:var(--radius-md);border:2px solid var(--slate-100)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand-primary) 0%,hsl(0,75%,35%) 100%)}@media(max-width:768px){:root{--header-height: 80px;--col-width-driver: 250px;--col-width-day: 280px}.app-header{padding:0 var(--spacing-md)}.app-logo{height:60px}.header-title h1{font-size:1.25rem}.header-title p{font-size:.75rem}.week-controls{padding:var(--spacing-md);gap:var(--spacing-md)}.week-label{min-width:180px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}