.upgram-spin{animation:spin 1s linear infinite}.upgram-error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.upgram-success-message{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.upgram-debug-message{background:#fef3c7;border:1px solid #fde68a;color:#92400e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:12px;font-weight:500;white-space:pre-wrap}.upgram-welcome-header{box-shadow:0 4px 20px rgba(102,126,234,.2)}.upgram-welcome-header:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(102,126,234,.3)}.upgram-new-order-btn:hover,.upgram-logout-btn:hover{background:rgba(255,255,255,.3)!important;transform:translateY(-1px)}@media (max-width:768px){.upgram-welcome-header{flex-direction:column;gap:16px;text-align:center}.upgram-welcome-text h2{font-size:18px!important}.upgram-welcome-text p{font-size:13px!important}.upgram-header-actions{display:flex;flex-direction:column;gap:12px;width:100%}.upgram-new-order-btn,.upgram-logout-btn{justify-content:center;margin-right:0!important}}@media (max-width:480px){.upgram-welcome-header{padding:12px!important}.upgram-welcome-text h2{font-size:16px!important}.upgram-new-order-btn,.upgram-logout-btn{padding:8px 16px!important;font-size:14px}}.upgram-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#667eea}.upgram-category-modal-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1);border-color:#667eea}.upgram-view-all-btn:hover{background:#667eea!important;color:white!important;border-color:#667eea!important}@media (max-width:768px){.upgram-categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important}.upgram-all-categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:16px!important}.upgram-category-card{padding:16px!important}.upgram-category-modal-card{padding:16px!important}}@media (max-width:480px){.upgram-categories-grid{grid-template-columns:1fr!important}.upgram-all-categories-grid{grid-template-columns:1fr!important}.upgram-section-header{flex-direction:column!important;gap:12px!important;text-align:center!important}}