:root{--primary-blue: #0077be;--primary-blue-dark: #005c91;--primary-blue-darker: #004472;--accent-gold: #ffd700;--accent-gold-light: #ffed4e;--success-green: #10b981;--success-green-dark: #059669;--error-red: #ef4444;--warning-yellow: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--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);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #0077be4d}50%{box-shadow:0 0 20px #0077be99,0 0 30px #0077be66}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes bounce-subtle{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}@keyframes rotate-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown .6s var(--ease-out) forwards}.animate-fade-in-left{animation:fadeInLeft .6s var(--ease-out) forwards}.animate-fade-in-right{animation:fadeInRight .6s var(--ease-out) forwards}.animate-scale-in{animation:scaleIn .4s var(--ease-out) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(to right,#f6f7f8,#edeef1,#f6f7f8 40%,#f6f7f8);background-size:800px 104px;animation:shimmer 1.5s infinite linear}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-rotate{animation:rotate-360 1s linear infinite}.glass-effect{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-effect-dark{background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark))}.gradient-primary-reverse{background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue))}.gradient-accent{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light))}.gradient-success{background:linear-gradient(135deg,var(--success-green),var(--success-green-dark))}.gradient-radial-primary{background:radial-gradient(circle,var(--primary-blue),var(--primary-blue-dark))}.hover-lift{transition:all .3s var(--ease-out)}.hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl)}.hover-glow{transition:all .3s var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #0077be66}.hover-scale{transition:transform .3s var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.table-container{position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--gray-100)}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-dark));border-radius:4px;border:1px solid var(--gray-100)}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--primary-blue-dark),var(--primary-blue-darker));box-shadow:0 2px 4px #0077be4d}.table-row{position:relative;transition:all .3s var(--ease-out)}.table-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--primary-blue),var(--primary-blue-dark));transform:scaleY(0);transition:transform .3s var(--ease-out)}.table-row:hover:before{transform:scaleY(1)}.table-row:hover{background:linear-gradient(to right,rgba(0,119,190,.03),transparent);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.input-premium{position:relative;transition:all .3s var(--ease-out)}.input-premium input,.input-premium select,.input-premium textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:.375rem;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center}.checkbox-premium:hover .checkmark{border-color:var(--primary-blue);transform:scale(1.05)}.checkbox-premium input:checked~.checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.checkbox-premium input:checked~.checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;font-weight:600;font-size:.875rem;border:none;border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s var(--ease-out)}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue-darker))}.btn-primary:active{transform:translateY(0) scale(1)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));color:var(--primary-blue);font-weight:600;font-size:.875rem;border:none;border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.btn-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--accent-gold-light),var(--accent-gold))}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:transparent;color:var(--primary-blue);font-weight:600;font-size:.875rem;border:2px solid var(--primary-blue);border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .3s var(--ease-out)}.btn-outline:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-premium{background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-gold),var(--success-green));transform:scaleX(0);transition:transform .3s var(--ease-out)}.card-premium:hover:before{transform:scaleX(1)}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--primary-blue)}.card-glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:1.5rem;transition:all .3s var(--ease-out)}.card-glass:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.badge-status{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.badge-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s var(--ease-out)}.badge-status:hover:before{left:100%}.badge-pending{background:linear-gradient(135deg,#0077be1a,#0077be0d);color:var(--primary-blue);border:1px solid rgba(0,119,190,.2)}.badge-in-transit{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);color:var(--accent-gold);border:1px solid rgba(255,215,0,.2)}.badge-delivered{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--success-green);border:1px solid rgba(16,185,129,.2)}.badge-error{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error-red);border:1px solid rgba(239,68,68,.2)}.toast{position:fixed;top:1rem;right:1rem;background:#fff;border-radius:.75rem;padding:1rem 1.5rem;box-shadow:var(--shadow-xl);border-left:4px solid var(--primary-blue);min-width:300px;z-index:9999;transform:translate(100%);transition:transform .3s var(--ease-out)}.toast.show{transform:translate(0)}.toast-success{border-left-color:var(--success-green)}.toast-error{border-left-color:var(--error-red)}.toast-warning{border-left-color:var(--warning-yellow)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all .3s var(--ease-out)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow-y:auto;z-index:9999;transition:transform .3s var(--ease-out)}.modal-overlay.active .modal-content{transform:translate(-50%,-50%) scale(1)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-blue);border-radius:50%;animation:rotate-360 1s linear infinite}.spinner-small{width:20px;height:20px;border-width:2px}.spinner-large{width:60px;height:60px;border-width:6px}.dots-loader{display:inline-block;position:relative;width:80px;height:80px}.dots-loader div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--primary-blue);animation-timing-function:cubic-bezier(0,1,1,0)}.dots-loader div:nth-child(1){left:8px;animation:dots1 .6s infinite}.dots-loader div:nth-child(2){left:8px;animation:dots2 .6s infinite}.dots-loader div:nth-child(3){left:32px;animation:dots2 .6s infinite}.dots-loader div:nth-child(4){left:56px;animation:dots3 .6s infinite}@keyframes dots1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dots3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes dots2{0%{transform:translate(0)}to{transform:translate(24px)}}@media (max-width: 640px){.hidden-mobile{display:none!important}.show-mobile{display:block!important}.px-8{padding-left:1rem!important;padding-right:1rem!important}.py-6{padding-top:1rem!important;padding-bottom:1rem!important}.text-4xl{font-size:2rem!important;line-height:2.5rem!important}.text-3xl{font-size:1.5rem!important;line-height:2rem!important}.btn-primary,.btn-secondary,.btn-outline{padding:.5rem 1rem;font-size:.75rem}.card-premium{padding:1rem;border-radius:1rem}}@media (max-width: 480px){.hidden-xs{display:none!important}.show-xs{display:block!important}.p-6{padding:.75rem!important}.btn-full-mobile{width:100%!important;justify-content:center!important}}.focus-visible:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:.375rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-float,.animate-pulse-glow,.animate-shimmer,.animate-bounce-subtle,.animate-rotate{animation:none!important}}@media (prefers-color-scheme: dark){:root{--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff}.dark-mode .card-premium{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-800)}.dark-mode .btn-primary{box-shadow:0 4px 6px #0000004d}}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity}.preload-transitions *{transition:none!important}@media print{.no-print{display:none!important}.text-white{color:#000!important}*,*:before,*:after{box-shadow:none!important;text-shadow:none!important}.bg-white{background:#fff!important}a[href]:after{content:" (" attr(href) ")";font-size:90%;color:#666}}.input-premium input:focus,.input-premium select:focus,.input-premium textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0077be1a;transform:translateY(-1px)}.input-premium:hover input,.input-premium:hover select,.input-premium:hover textarea{border-color:var(--primary-blue)}.checkbox-premium{position:relative;display:inline-flex;align-items:center;cursor:pointer}.checkbox-premium input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-premium .checkmark{position:relative;width:20px;height:20px;border:2px solid var(--gray-300);border-radius:4px;background-color:#fff;transition:all .3s var(--ease-out)}