@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
:root{--color-primary-950:#002b3d;--color-primary-900:#004e64;--color-primary-800:#005f77;--color-primary-700:#00728c;--color-primary-600:#028090;--color-primary-500:#00a896;--color-primary-400:#25a18e;--color-primary-300:#3bbcaa;--color-primary-200:#7fd8ce;--color-primary-100:#bff0eb;--color-primary-50:#e6faf8;--color-accent-700:#cc4a00;--color-accent-600:#e55500;--color-accent-500:#f60;--color-accent-400:#ff7f33;--color-accent-300:#ff9f66;--color-accent-200:#ffbf99;--color-accent-100:#ffe0cc;--color-accent-50:#fff5ee;--color-status-pending:#f97316;--color-status-scheduled:#3b82f6;--color-status-transit:#8b5cf6;--color-status-collected:#22c55e;--color-status-cancelled:#ef4444;--color-neutral-950:#0a0f14;--color-neutral-900:#111827;--color-neutral-800:#1f2937;--color-neutral-700:#374151;--color-neutral-600:#4b5563;--color-neutral-500:#6b7280;--color-neutral-400:#9ca3af;--color-neutral-300:#d1d5db;--color-neutral-200:#e5e7eb;--color-neutral-100:#f3f4f6;--color-neutral-50:#f9fafb;--color-white:#fff;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 1px 2px #004e6414;--shadow-md:0 4px 16px #004e641f;--shadow-lg:0 8px 32px #004e642e;--shadow-xl:0 16px 48px #004e643d;--shadow-glow:0 0 24px #00a89659;--shadow-orange:0 4px 20px #ff66004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-neutral-50);color:var(--color-neutral-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}.bg-gradient-ocean{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-primary-600) 50%, var(--color-primary-400) 100%)}.bg-gradient-teal{background:linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-500) 100%)}.bg-gradient-app{background:linear-gradient(160deg, var(--color-primary-950) 0%, var(--color-primary-800) 40%, var(--color-primary-600) 100%);min-height:100vh}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal), transform var(--transition-normal);border:1px solid #00a8961a}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#ffffff14;border:1px solid #ffffff26}.btn{border-radius:var(--radius-md);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-primary-500) 100%);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%);color:var(--color-white);box-shadow:var(--shadow-orange)}.btn-accent:hover{background:linear-gradient(135deg, var(--color-accent-400) 0%, var(--color-accent-500) 100%);transform:translateY(-1px)}.btn-outline{color:var(--color-primary-600);border:2px solid var(--color-primary-500);background:0 0}.btn-outline:hover{background:var(--color-primary-50)}.btn-ghost{color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);background:0 0}.btn-ghost:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.btn-danger{color:var(--color-white);background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1.0625rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);padding:10px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-display);color:var(--color-neutral-700);font-size:.875rem;font-weight:600}.form-input{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--color-neutral-900);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:12px 16px;font-size:.9375rem}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #00a89626}.input-field{border-radius:var(--radius-md);border:1.5px solid var(--color-neutral-300);background-color:var(--color-white);color:var(--color-neutral-900);transition:all var(--transition-fast);outline:none;width:100%;padding:10px 14px;font-size:.875rem}.input-field:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #00a89626}.form-input::placeholder{color:var(--color-neutral-400)}.form-input-dark{color:var(--color-white);background:#ffffff1a;border:1.5px solid #fff3}.form-input-dark::placeholder{color:#ffffff80}.form-input-dark:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.form-select{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--color-neutral-900);background:var(--color-white);cursor:pointer;width:100%;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:12px 40px 12px 16px;font-size:.9375rem}.form-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #00a89626}.form-textarea{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--color-neutral-900);background:var(--color-white);resize:vertical;width:100%;min-height:100px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:.9375rem}.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #00a89626}.form-error{color:#ef4444;font-size:.8125rem}.badge{border-radius:var(--radius-full);font-family:var(--font-display);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-pending{color:#ea580c;background:#f973161f}.badge-scheduled{color:#2563eb;background:#3b82f61f}.badge-transit{color:#7c3aed;background:#8b5cf61f}.badge-collected{color:#16a34a;background:#22c55e1f}.badge-cancelled{color:#dc2626;background:#ef44441f}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9375rem}.data-table thead th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-500);background:var(--color-neutral-50);border-bottom:2px solid var(--color-neutral-200);white-space:nowrap;padding:14px 16px;font-size:.8125rem;font-weight:600}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-primary-50)}.data-table tbody td{color:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-100);padding:14px 16px}.mobile-nav{background:var(--color-white);border-top:1px solid var(--color-neutral-200);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #004e641a}.mobile-nav-item{cursor:pointer;transition:all var(--transition-fast);color:var(--color-neutral-400);font-size:.6875rem;font-family:var(--font-display);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 8px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--color-primary-500)}.mobile-nav-item svg{width:24px;height:24px}.sidebar{background:linear-gradient(180deg, var(--color-primary-900) 0%, var(--color-primary-950) 100%);flex-direction:column;flex-shrink:0;width:260px;min-height:100vh;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:24px 20px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:#ffffffa6;font-family:var(--font-display);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--color-white);background:#ffffff14}.sidebar-link.active{color:var(--color-primary-200);background:#00a89640;font-weight:600}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.mobile-header{z-index:50;background:linear-gradient(90deg, var(--color-primary-900) 0%, var(--color-primary-700) 100%);padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.kpi-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--color-primary-500);transition:box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;gap:8px;padding:24px;display:flex}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-value{font-family:var(--font-display);color:var(--color-primary-700);font-size:2rem;font-weight:800;line-height:1}.kpi-label{color:var(--color-neutral-500);font-size:.875rem;font-weight:500}.step-indicator{justify-content:center;align-items:center;gap:0;padding:16px 20px;display:flex}.step-dot{width:32px;height:32px;font-family:var(--font-display);transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.step-dot.completed{background:var(--color-primary-500);color:#fff}.step-dot.active{background:var(--color-accent-500);color:#fff;box-shadow:var(--shadow-orange);transform:scale(1.1)}.step-dot.upcoming{color:#ffffff80;background:#fff3}.step-line{max-width:40px;height:2px;transition:background var(--transition-normal);flex:1}.step-line.completed{background:var(--color-primary-400)}.step-line.upcoming{background:#fff3}.photo-upload-area{border:2px dashed var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:var(--color-neutral-50);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.photo-upload-area:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.photo-upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-preview{border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:180px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn var(--transition-normal) ease;background:#000e19b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal) ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-white{color:var(--color-white)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@keyframes pulse-teal{0%,to{box-shadow:0 0 #00a89666}50%{box-shadow:0 0 0 12px #00a89600}}.animate-pulse-teal{animation:2s infinite pulse-teal}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media print{body{background:#fff}.no-print{display:none!important}.print-only{display:block!important}.card{box-shadow:none;border:1px solid #ddd}}