@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-sidebar: #1a365d;--color-bg-sidebar-hover: #2c5282;--color-bg-sidebar-active: #2d3748;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-accent: #4299e1;--color-accent-hover: #3182ce;--color-accent-muted: #ebf8ff;--color-navy: #1a365d;--color-navy-light: #2d3748;--color-border: #e2e8f0;--color-border-focus: #4299e1;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 56px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease}.dark{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-sidebar: #0f172a;--color-bg-sidebar-hover: #1e293b;--color-bg-sidebar-active: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #0f172a;--color-accent: #60a5fa;--color-accent-hover: #3b82f6;--color-accent-muted: #1e3a5f;--color-navy: #1e293b;--color-navy-light: #334155;--color-border: #334155;--color-border-focus: #60a5fa;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-bg-sidebar);color:var(--color-text-inverse);transition:width var(--transition-normal);z-index:100;overflow-x:hidden;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--sidebar-collapsed)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-container{padding:1.5rem;max-width:1400px;margin:0 auto}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.card-body{padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;font-size:.875rem;line-height:1.25;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.form-group{margin-bottom:1rem}.label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.375rem}.input,.select,.textarea{width:100%;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4299e133}.dark .input:focus,.dark .select:focus,.dark .textarea:focus{box-shadow:0 0 0 3px #60a5fa33}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.textarea{min-height:100px;resize:vertical}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:600;color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.table tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.table tbody tr:hover{background-color:var(--color-bg-tertiary)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-pending{background-color:#fef9c3;color:#854d0e}.dark .badge-pending{background-color:#422006;color:#fde047}.badge-scheduled{background-color:#dbeafe;color:#1e40af}.dark .badge-scheduled{background-color:#1e3a8a;color:#93c5fd}.badge-delivered{background-color:#dcfce7;color:#166534}.dark .badge-delivered{background-color:#14532d;color:#86efac}.badge-cancelled{background-color:#fee2e2;color:#991b1b}.dark .badge-cancelled{background-color:#7f1d1d;color:#fca5a5}.badge-in_transit{background-color:#f3e8ff;color:#6b21a8}.dark .badge-in_transit{background-color:#581c87;color:#e9d5ff}.badge-draft{background-color:#f1f5f9;color:#475569}.dark .badge-draft{background-color:#334155;color:#94a3b8}.badge-confirmed{background-color:#dbeafe;color:#1e40af}.dark .badge-confirmed{background-color:#1e3a8a;color:#93c5fd}.badge-in_progress{background-color:#fef3c7;color:#b45309}.dark .badge-in_progress{background-color:#78350f;color:#fde68a}.badge-completed{background-color:#dcfce7;color:#166534}.dark .badge-completed{background-color:#14532d;color:#86efac}.progress-bar{height:8px;background-color:var(--color-bg-tertiary);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-accent);border-radius:9999px;transition:width var(--transition-normal)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:32rem;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .2s ease}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);font-weight:600;font-size:1.125rem}.modal-body{padding:1.25rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.5rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--color-border);border-radius:var(--radius-md);overflow:hidden}.calendar-day-header{padding:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg-tertiary);text-align:center}.calendar-day{min-height:100px;padding:.5rem;background-color:var(--color-bg-primary)}.calendar-day.today,.dark .calendar-day.today{background-color:var(--color-accent-muted)}.calendar-event{padding:.25rem .5rem;font-size:.75rem;border-radius:var(--radius-sm);margin-bottom:.25rem;background-color:var(--color-accent);color:#fff;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.sidebar-nav{flex:1;overflow-y:auto;padding:.5rem 0}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text-inverse);text-decoration:none;transition:background-color var(--transition-fast);border-left:3px solid transparent}.sidebar-nav-item:hover{background-color:var(--color-bg-sidebar-hover)}.sidebar-nav-item.active{background-color:var(--color-bg-sidebar-active);border-left-color:var(--color-accent)}.sidebar-nav-item .icon{flex-shrink:0;width:20px;height:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;animation:slideIn .3s ease}.toast-success{background-color:var(--color-success);color:#fff}.toast-error{background-color:var(--color-danger);color:#fff}.toast-warning{background-color:var(--color-warning);color:var(--color-text-primary)}.toast-info{background-color:var(--color-info);color:#fff}.occupancy-bar{height:8px;border-radius:9999px;overflow:hidden;background-color:var(--color-bg-tertiary)}.occupancy-bar .fill,.occupancy-bar .occupancy-fill{height:100%;border-radius:9999px;transition:width var(--transition-normal)}.occupancy-bar .fill.low,.occupancy-bar .occupancy-fill.low{background-color:var(--color-success)}.occupancy-bar .fill.medium,.occupancy-bar .occupancy-fill.medium{background-color:var(--color-warning)}.occupancy-bar .fill.high,.occupancy-bar .occupancy-fill.high{background-color:var(--color-danger)}.top-bar{height:var(--header-height);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:0 1.5rem;display:flex;align-items:center;position:sticky;top:0;z-index:50}.top-bar-title{font-size:1.25rem;font-weight:600}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.page-container{padding:1rem}}@media(min-width:769px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}