.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-bg-success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-bg-warning{background:linear-gradient(135deg,#fa709a,#fee140)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-effect-dark{background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.input-focus:focus{box-shadow:0 0 0 3px #667eea1a}.input-focus-purple:focus{box-shadow:0 0 0 3px #9333ea1a}.input-focus-green:focus{box-shadow:0 0 0 3px #22c55e1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-pulse-glow{animation:pulse-glow 2s infinite}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.card-glass{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-gradient{background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease}.btn-gradient:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-outline-gradient{background:transparent;border:2px solid transparent;background-clip:padding-box;position:relative}.btn-outline-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(135deg,#667eea,#764ba2)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background-color:#fef3c7;color:#92400e}.status-in-transit{background-color:#dbeafe;color:#1e40af}.status-delivered{background-color:#d1fae5;color:#065f46}.status-ready{background-color:#e9d5ff;color:#7c3aed}.spinner{border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 640px){.mobile-hidden{display:none}.mobile-full{width:100%}}@media (min-width: 768px){.desktop-hidden{display:none}}@media print{.no-print{display:none!important}.print-only{display:block!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:2px solid #667eea;outline-offset:2px}