:root{--primary-blue:#0077be;--primary-blue-dark:#005c91;--primary-blue-darker:#004472;--accent-gold:gold;--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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--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:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-shimmer{background:linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/800px 104px;animation:1.5s linear infinite shimmer}.animate-bounce-subtle{animation:2s ease-in-out infinite bounce-subtle}.animate-rotate{animation:1s linear infinite rotate-360}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.glass-effect-dark{-webkit-backdrop-filter:blur(10px);background:#0000001a;border:1px solid #ffffff1a}.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{box-shadow:var(--shadow-2xl);transform:translateY(-4px)scale(1.02)}.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{scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--gray-100);position:relative;overflow-x:auto}.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:1px solid var(--gray-100);border-radius:4px}.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{transition:all .3s var(--ease-out);position:relative}.table-row:before{content:"";background:linear-gradient(to bottom, var(--primary-blue), var(--primary-blue-dark));width:4px;transition:transform .3s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.table-row:hover:before{transform:scaleY(1)}.table-row:hover{box-shadow:var(--shadow-lg);background:linear-gradient(90deg,#0077be08,#0000);transform:translateY(-1px)}.input-premium{transition:all .3s var(--ease-out);position:relative}.input-premium input,.input-premium select,.input-premium textarea{border:2px solid var(--gray-300);width:100%;transition:all .3s var(--ease-out);border-radius:.375rem;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.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{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-dark));color:#fff;cursor:pointer;transition:all .3s var(--ease-out);border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";width:100%;height:100%;transition:left .5s var(--ease-out);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:var(--shadow-xl);background:linear-gradient(135deg, var(--primary-blue-dark), var(--primary-blue-darker));transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(1)}.btn-secondary{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-light));color:var(--primary-blue);cursor:pointer;transition:all .3s var(--ease-out);border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-secondary:hover{box-shadow:var(--shadow-xl);background:linear-gradient(135deg, var(--accent-gold-light), var(--accent-gold));transform:translateY(-2px)scale(1.02)}.btn-outline{color:var(--primary-blue);border:2px solid var(--primary-blue);cursor:pointer;transition:all .3s var(--ease-out);background:0 0;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-premium{box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all .3s var(--ease-out);background:#fff;border-radius:1.5rem;padding:1.5rem;position:relative;overflow:hidden}.card-premium:before{content:"";background:linear-gradient(90deg, var(--primary-blue), var(--accent-gold), var(--success-green));height:4px;transition:transform .3s var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card-premium:hover:before{transform:scaleX(1)}.card-premium:hover{box-shadow:var(--shadow-2xl);border-color:var(--primary-blue);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(10px);transition:all .3s var(--ease-out);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;padding:1.5rem}.card-glass:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.badge-status{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.badge-status:before{content:"";width:100%;height:100%;transition:left .5s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:0;left:-100%}.badge-status:hover:before{left:100%}.badge-pending{color:var(--primary-blue);background:linear-gradient(135deg,#0077be1a,#0077be0d);border:1px solid #0077be33}.badge-in-transit{color:var(--accent-gold);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd70033}.badge-delivered{color:var(--success-green);background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133}.badge-error{color:var(--error-red);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433}.toast{box-shadow:var(--shadow-xl);border-left:4px solid var(--primary-blue);z-index:9999;min-width:300px;transition:transform .3s var(--ease-out);background:#fff;border-radius:.75rem;padding:1rem 1.5rem;position:fixed;top:1rem;right:1rem;transform:translate(100%)}.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{-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all .3s var(--ease-out);background:#00000080;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{box-shadow:var(--shadow-2xl);z-index:9999;max-width:90vw;max-height:90vh;transition:transform .3s var(--ease-out);background:#fff;border-radius:1.5rem;padding:2rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.9)}.modal-overlay.active .modal-content{transform:translate(-50%,-50%)scale(1)}.spinner{border:4px solid var(--gray-200);border-top:4px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite rotate-360}.spinner-small{border-width:2px;width:20px;height:20px}.spinner-large{border-width:6px;width:60px;height:60px}.dots-loader{width:80px;height:80px;display:inline-block;position:relative}.dots-loader div{background:var(--primary-blue);border-radius:50%;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33px}.dots-loader div:first-child{animation:.6s infinite dots1;left:8px}.dots-loader div:nth-child(2){animation:.6s infinite dots2;left:8px}.dots-loader div:nth-child(3){animation:.6s infinite dots2;left:32px}.dots-loader div:nth-child(4){animation:.6s infinite dots3;left:56px}@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 (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{border-radius:1rem;padding:1rem}}@media (width<=480px){.hidden-xs{display:none!important}.show-xs{display:block!important}.p-6{padding:.75rem!important}.btn-full-mobile{justify-content:center!important;width:100%!important}}.focus-visible:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:.375rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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:#fff}.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{will-change:transform, opacity;transform:translateZ(0)}.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) ")";color:#666;font-size:90%}}.input-premium input:focus,.input-premium select:focus,.input-premium textarea:focus{border-color:var(--primary-blue);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #0077be1a}.input-premium:hover input,.input-premium:hover select,.input-premium:hover textarea{border-color:var(--primary-blue)}.checkbox-premium{cursor:pointer;align-items:center;display:inline-flex;position:relative}.checkbox-premium input[type=checkbox]{opacity:0;cursor:pointer;position:absolute}.checkbox-premium .checkmark{border:2px solid var(--gray-300);width:20px;height:20px;transition:all .3s var(--ease-out);background-color:#fff;border-radius:4px;position:relative}