.container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#ffffffb3;border-radius:16px;max-width:1400px;margin:0 auto;padding:2rem;position:relative;box-shadow:0 0 0 1px #10161a0d,0 1px 1px #10161a1a,0 2px 6px #10161a0d}.title{color:#1e293b;letter-spacing:-.025em;margin-bottom:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700}.description{color:#64748b;margin-bottom:2rem;font-size:.875rem;font-weight:500;line-height:1.5}.errorAlert{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:500;box-shadow:0 2px 4px #dc26261a}.tabNavigation{background:var(--bg-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex}.tabButton{border:1px solid var(--accent-dk);color:#64748b;cursor:pointer;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tabButton:hover{color:#1e293b;background:#f1f5f9cc;transform:translateY(-1px)}.tabButton.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-weight:600;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640,0 2px 4px #3b82f61a}.tabButton.active:hover{box-shadow:0 6px 16px #3b82f64d,0 2px 4px #3b82f626}.tabContent{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:16px;padding:2rem;box-shadow:0 0 0 1px #10161a0d,0 1px 1px #10161a1a}.tabContent h2{color:#1e293b;letter-spacing:-.025em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.tabContent h3{color:#1e293b;letter-spacing:-.025em;margin:1.5rem 0 1rem;font-size:1.25rem;font-weight:600}.actionButtons{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.addButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #10b98133,0 1px 2px #10b9811a}.addButton:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d,0 2px 4px #10b98126}.addButton:active{transform:translateY(0)}.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;padding:.75rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #3b82f633,0 1px 2px #3b82f61a}.primaryButton:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#9ca3af,#6b7280);transform:none}.primaryButton:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d,0 2px 4px #3b82f626}.primaryButton:active:not(:disabled){transform:translateY(0)}.saveButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;margin-right:1rem;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #3b82f633,0 1px 2px #3b82f61a}.saveButton:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#9ca3af,#6b7280);transform:none}.saveButton:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d,0 2px 4px #3b82f626}.saveButton:active:not(:disabled){transform:translateY(0)}.cancelButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #6b728033,0 1px 2px #6b72801a}.cancelButton:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 8px #6b72804d,0 2px 4px #6b728026}.cancelButton:active{transform:translateY(0)}.editButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;margin-right:.5rem;padding:.5rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #f59e0b33,0 1px 2px #f59e0b1a}.editButton:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b4d,0 1px 2px #f59e0b26}.editButton:active{transform:translateY(0)}.deleteButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;padding:.5rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #ef444433,0 1px 2px #ef44441a}.deleteButton:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d,0 1px 2px #ef444426}.deleteButton:active{transform:translateY(0)}.formContainer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fafbfc 0%,#f1f5f9 100%);border:1px solid #e2e8f0cc;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 0 0 1px #10161a0d,0 1px 1px #10161a1a,0 2px 6px #10161a0d}.formContainer h3{color:#1e293b;letter-spacing:-.025em;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.inputGroup{margin-bottom:1.5rem}.label{color:#374151;margin-bottom:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;display:block}.textInput{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.875rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.textInput:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0000000d}.textInput::placeholder{color:#9ca3af}.textarea{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);resize:vertical;background:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:120px;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0000000d}.textarea::placeholder{color:#9ca3af}.formActions{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.imageUploadGroup{margin-bottom:1rem}.fileInput{background:#f9fafbcc;border:2px dashed #d1d5db;border-radius:8px;width:100%;margin-bottom:.75rem;padding:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;transition:all .2s}.fileInput:hover{background:#eff6ffcc;border-color:#3b82f6}.helperText{color:#6b7280;margin:.5rem 0;font-size:.8125rem;font-style:italic}.errorText{color:#dc2626;margin:.5rem 0;font-size:.8125rem;font-weight:500}.imagePreview{background:#f9fafbcc;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.previewLabel{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.previewImage{object-fit:contain;background:#fff;border:1px solid #d1d5db;border-radius:8px;max-width:150px;max-height:80px;box-shadow:0 1px 3px #0000001a}.itemsList{gap:1rem;display:grid}.listItem{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.listItem:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008}.itemText{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500}.itemActions{gap:.5rem;display:flex}.partnersGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.partnerCard{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.partnerCard:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:4px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.partnerCard:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 25px #00000014,0 4px 10px #00000008}.partnerCard:hover:before{opacity:1}.partnerImage{object-fit:contain;background:#f9fafb80;border-radius:8px;max-width:100%;max-height:80px;margin-bottom:1rem;padding:.5rem}.partnerName{color:#1f2937;margin:.75rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;font-weight:600}.partnerLink{color:#6b7280;word-break:break-all;margin:0 0 1.5rem;font-size:.8125rem;line-height:1.4}.partnerLink a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.partnerLink a:hover{color:#1d4ed8;text-decoration:underline}.partnerActions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.emptyState{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #cbd5e1;border-radius:16px;padding:3rem 2rem;position:relative;overflow:hidden}.emptyState:before{content:"";background:radial-gradient(circle,#3b82f60d 0%,#0000 50%);width:200%;height:200%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;left:-50%}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.emptyText{color:#64748b;z-index:1;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500;position:relative}.loadingOverlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loadingModal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;min-width:200px;padding:2.5rem;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff80}.loadingText{color:#1e293b;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;font-weight:600;position:relative}.loadingText:after{content:"";border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;margin-left:.75rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.container{margin:1rem;padding:1.5rem}.tabNavigation{flex-wrap:wrap}.tabButton{flex:1;min-width:120px}.partnersGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width:768px){.container{margin:.5rem;padding:1rem}.title{font-size:1.75rem}.tabContent,.formContainer{padding:1.5rem}.partnersGrid{grid-template-columns:1fr}.formActions{flex-direction:column;align-items:stretch}.formActions .saveButton,.formActions .cancelButton{margin-bottom:.5rem;margin-right:0}}@media (prefers-color-scheme:dark){.container{color:#f8fafc;background:#1e293be6}.title{color:#f8fafc}.description{color:#cbd5e1}.tabContent{color:#f8fafc;background:#1e293bf2}.tabContent h2,.tabContent h3{color:#f8fafc}.formContainer{background:linear-gradient(135deg,#334155e6 0%,#1e293be6 100%);border-color:#64748b4d}.textInput,.textarea{color:#f8fafc;background:#334155cc;border-color:#475569}.textInput:focus,.textarea:focus{background:#334155;border-color:#3b82f6}.textInput::placeholder,.textarea::placeholder{color:#94a3b8}.listItem,.partnerCard{color:#f8fafc;background:#334155e6;border-color:#475569}.itemText,.partnerName{color:#f8fafc}.loadingModal{background:#1e293bf2;border-color:#64748b4d}.loadingText{color:#f8fafc}}
.user-layout{background-color:var(--bg-color);min-height:100vh;padding:20px}@media (max-width:768px){.user-layout{padding:10px}}.user-layout__container{grid-template-columns:280px 1fr;gap:30px;max-width:1400px;margin:0 auto;display:grid}@media (max-width:1024px){.user-layout__container{grid-template-columns:250px 1fr;gap:20px}}@media (max-width:768px){.user-layout__container{grid-template-columns:1fr;gap:0}}.user-layout__sidebar{background:var(--bg-light);border-radius:12px;height:fit-content;padding:30px 0;position:sticky;top:20px;box-shadow:0 2px 8px #0000000a}@media (max-width:768px){.user-layout__sidebar{z-index:1000;border-radius:0;width:280px;height:100vh;padding:20px 0;transition:left .3s;position:fixed;top:0;left:-100%;box-shadow:4px 0 12px #0000001a}.user-layout__sidebar.open{left:0}}.user-layout__sidebar .sidebar-header{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding:0 30px 30px}@media (max-width:768px){.user-layout__sidebar .sidebar-header{padding:0 20px 20px}}.user-layout__sidebar .sidebar-header .user-avatar{border:3px solid var(--accent-lt);border-radius:50%;width:80px;height:80px;margin-bottom:15px;overflow:hidden}.user-layout__sidebar .sidebar-header .user-avatar img{object-fit:cover;width:100%;height:100%}.user-layout__sidebar .sidebar-header .user-avatar .avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:600;display:flex}.user-layout__sidebar .sidebar-header .user-info h3{color:var(--text-color);margin-bottom:5px;font-size:1.125rem;font-weight:600}.user-layout__sidebar .sidebar-header .user-info p{color:var(--text-gray);font-size:.875rem}.user-layout__sidebar .sidebar-nav{flex-direction:column;gap:5px;padding:0 15px;display:flex}.user-layout__sidebar .sidebar-nav .nav-item{color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 15px;font-size:.938rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-layout__sidebar .sidebar-nav .nav-item svg{color:var(--text-gray);transition:color .2s}.user-layout__sidebar .sidebar-nav .nav-item:hover{background:var(--hover-color);color:var(--primary-color)}.user-layout__sidebar .sidebar-nav .nav-item:hover svg{color:var(--primary-color)}.user-layout__sidebar .sidebar-nav .nav-item.active{background:var(--primary-color);color:#fff}.user-layout__sidebar .sidebar-nav .nav-item.active svg{color:#fff}.user-layout__sidebar .sidebar-nav .nav-item.logout-btn{color:var(--warn-color);margin-top:10px}.user-layout__sidebar .sidebar-nav .nav-item.logout-btn svg{color:var(--warn-color)}.user-layout__sidebar .sidebar-nav .nav-item.logout-btn:hover{background:#ad303014}.user-layout__sidebar .sidebar-nav .nav-item.logout-btn:disabled{opacity:.6;cursor:not-allowed}.user-layout__main{background:var(--bg-light);border-radius:12px;min-height:600px;box-shadow:0 2px 8px #0000000a}@media (max-width:768px){.user-layout__main{border-radius:8px}}.user-layout__main .main-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}@media (max-width:768px){.user-layout__main .main-header{flex-wrap:wrap;gap:15px;padding:15px 20px}}.user-layout__main .main-header .breadcrumb{color:var(--text-gray);align-items:center;gap:8px;font-size:.875rem;display:flex}@media (max-width:768px){.user-layout__main .main-header .breadcrumb{order:2;width:100%}}.user-layout__main .main-header .breadcrumb a{color:var(--primary-color);text-decoration:none;transition:opacity .2s}.user-layout__main .main-header .breadcrumb a:hover{opacity:.8}.user-layout__main .main-header .breadcrumb span:last-child{color:var(--text-color);font-weight:500}.user-layout__main .main-header .header-actions{align-items:center;gap:20px;display:flex}@media (max-width:768px){.user-layout__main .main-header .header-actions{order:1;justify-content:space-between;width:100%}}.user-layout__main .main-header .header-actions .notification-btn{background:var(--hover-color);cursor:pointer;color:var(--text-color);border:none;border-radius:8px;padding:10px;transition:all .2s;position:relative}.user-layout__main .main-header .header-actions .notification-btn:hover{background:var(--accent-lt)}.user-layout__main .main-header .header-actions .notification-btn .notification-count{background:var(--warn-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:5px;right:5px}.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:5px 10px;transition:background .2s;display:flex}@media (max-width:768px){.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger{display:none}}.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger:hover{background:var(--hover-color)}.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger .user-avatar.small{border:2px solid var(--accent-lt);border-radius:50%;width:40px;height:40px;overflow:hidden}.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger .user-avatar.small img{object-fit:cover;width:100%;height:100%}.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger .user-avatar.small .avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:.875rem;font-weight:600;display:flex}.user-layout__main .main-header .header-actions .user-dropdown .dropdown-trigger span{color:var(--text-color);font-size:.938rem;font-weight:500}.user-layout__main .main-content{padding:30px}@media (max-width:768px){.user-layout__main .main-content{padding:20px}}.mobile-menu-toggle{background:var(--primary-color);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #1246ab4d}@media (max-width:768px){.mobile-menu-toggle{display:flex}}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle svg{transition:transform .3s}.mobile-menu-toggle.open svg{transform:rotate(180deg)}.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay{z-index:999;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.mobile-overlay.visible{opacity:1;pointer-events:all}}
.my-orders .orders-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.my-orders .orders-header .page-title h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.my-orders .orders-header .page-title p{color:#6b7280;margin:0;font-size:1rem}.my-orders .orders-header .orders-controls{flex-shrink:0;align-items:center;gap:1rem;display:flex}.my-orders .search-box{min-width:300px;position:relative}.my-orders .search-box .search-icon{color:#9ca3af;z-index:1;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.my-orders .search-box input{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:all .2s}.my-orders .search-box input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.my-orders .search-box input::placeholder{color:#9ca3af}.my-orders .filter-dropdown{min-width:180px;position:relative}.my-orders .filter-dropdown .filter-icon{color:#6b7280;z-index:1;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.my-orders .filter-dropdown .dropdown-icon{color:#6b7280;pointer-events:none;z-index:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.my-orders .filter-dropdown select{cursor:pointer;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem 2.25rem;font-size:.875rem;transition:all .2s}.my-orders .filter-dropdown select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state .loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.loading-state p{color:#6b7280;margin:0;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.order-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.order-card .order-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.order-card .order-header .order-info{flex-direction:column;gap:.25rem;display:flex}.order-card .order-header .order-info .order-id{color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.order-card .order-header .order-info .order-date{color:#6b7280;font-size:.875rem}.order-card .order-header .order-status{border-radius:20px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:flex}.order-card .order-header .order-status .status-icon{width:16px;height:16px}.order-card .order-header .order-status .status-icon.delivered{color:#10b981}.order-card .order-header .order-status .status-icon.in-transit{color:#f59e0b}.order-card .order-header .order-status .status-icon.processing{color:#3b82f6}.order-card .order-header .order-status .status-icon.pending{color:#6b7280}.order-card .order-header .order-status .status-text.delivered{color:#065f46;background:#10b9811a}.order-card .order-header .order-status .status-text.in-transit{color:#92400e;background:#f59e0b1a}.order-card .order-header .order-status .status-text.processing{color:#1e40af;background:#3b82f61a}.order-card .order-header .order-status .status-text.pending{color:#374151;background:#6b72801a}.order-card .order-header .order-total .total-amount{color:#1f2937;font-size:1.25rem;font-weight:700}.order-card .order-header .order-actions{align-items:center;gap:.5rem;display:flex}.order-card .order-header .order-actions .btn-secondary,.order-card .order-header .order-actions .btn-primary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.order-card .order-header .order-actions .btn-secondary svg,.order-card .order-header .order-actions .btn-primary svg{width:16px;height:16px}.order-card .order-header .order-actions .btn-secondary{color:#374151;background:#f9fafb;border:1px solid #d1d5db}.order-card .order-header .order-actions .btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.order-card .order-header .order-actions .btn-primary{color:#fff;background:#667eea;border:1px solid #667eea}.order-card .order-header .order-actions .btn-primary:hover{background:#5a67d8;border-color:#5a67d8}.order-card .order-items{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:1rem;display:flex}.order-card .order-items .items-list{flex:1}.order-card .order-items .items-list .item{color:#6b7280;font-size:.875rem}.order-card .order-items .items-list .item .separator{margin:0 .25rem}.order-card .order-items .tracking-info{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.order-card .order-items .tracking-info .tracking-label{color:#6b7280}.order-card .order-items .tracking-info .tracking-link{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex}.order-card .order-items .tracking-info .tracking-link:hover{color:#5a67d8;text-decoration:underline}.order-card .order-items .tracking-info .tracking-link svg{width:14px;height:14px}.empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state .empty-icon{color:#d1d5db;width:64px;height:64px;margin-bottom:1rem}.empty-state h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:#6b7280;margin:0;font-size:1rem}.orders-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:2rem 0;display:flex}.orders-pagination .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.orders-pagination .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.orders-pagination .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.orders-pagination .page-info{color:#6b7280;font-size:.875rem}@media (max-width:1024px){.my-orders .orders-header{flex-direction:column;align-items:stretch;gap:1.5rem}.my-orders .orders-header .orders-controls{justify-content:flex-end}.my-orders .orders-header .search-box{min-width:250px}.my-orders .orders-header .filter-dropdown{min-width:150px}}@media (max-width:768px){.my-orders .orders-header .orders-controls{flex-direction:column;gap:1rem}.my-orders .orders-header .orders-controls .search-box,.my-orders .orders-header .orders-controls .filter-dropdown{min-width:100%}.my-orders .order-card{padding:1rem}.my-orders .order-card .order-header{flex-direction:column;align-items:stretch;gap:1rem}.my-orders .order-card .order-header .order-info{order:1}.my-orders .order-card .order-header .order-status{order:2;align-self:flex-start}.my-orders .order-card .order-header .order-total{text-align:left;order:3}.my-orders .order-card .order-header .order-actions{order:4;justify-content:flex-start}.my-orders .order-card .order-items{flex-direction:column;align-items:flex-start;gap:.75rem}.my-orders .order-card .order-items .tracking-info{align-self:flex-end}}@media (max-width:480px){.my-orders .orders-header .page-title h1{font-size:1.5rem}.my-orders .order-card .order-header .order-actions{flex-direction:column;gap:.5rem}.my-orders .order-card .order-header .order-actions .btn-secondary,.my-orders .order-card .order-header .order-actions .btn-primary{justify-content:center;width:100%}}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay .modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay .modal .modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-overlay .modal .modal-close:hover{color:#374151;background:#e5e7eb}.modal-overlay .modal h2{color:#1f2937;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.modal-overlay .modal h3{color:#374151;margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600}.modal-overlay .modal p{color:#6b7280;margin:.5rem 0;line-height:1.6}.modal-overlay .modal ul{margin:0;padding:0;list-style:none}.modal-overlay .modal ul li{color:#374151;border-bottom:1px solid #f3f4f6;padding:.75rem}.modal-overlay .modal ul li:last-child{border-bottom:none}@media (max-width:480px){.my-orders .orders-header .page-title h1{font-size:1.5rem}.my-orders .order-card .order-header .order-actions{flex-direction:column;gap:.5rem}.my-orders .order-card .order-header .order-actions .btn-secondary,.my-orders .order-card .order-header .order-actions .btn-primary{justify-content:center;width:100%}.modal-overlay{padding:0}.modal-overlay .modal{border-radius:0;max-height:100vh;padding:1.5rem}}
.profile .profile-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.profile .profile-header .page-title h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.profile .profile-header .page-title p{color:#6b7280;margin:0;font-size:1rem}.profile .profile-header .profile-actions .btn-primary,.profile .profile-header .profile-actions .btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile .profile-header .profile-actions .btn-primary svg,.profile .profile-header .profile-actions .btn-secondary svg{width:16px;height:16px}.profile .profile-header .profile-actions .btn-primary:disabled,.profile .profile-header .profile-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.profile .profile-header .profile-actions .btn-primary{color:#fff;background:#667eea}.profile .profile-header .profile-actions .btn-primary:hover:not(:disabled){background:#5a67d8}.profile .profile-header .profile-actions .btn-secondary{color:#374151;background:#f9fafb;border:1px solid #d1d5db}.profile .profile-header .profile-actions .btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.profile .profile-header .profile-actions .edit-actions{gap:.75rem;display:flex}.profile .success-message,.profile .error-message{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.profile .success-message svg,.profile .error-message svg{flex-shrink:0;width:16px;height:16px}.profile .success-message{color:#065f46;background:#10b9811a;border:1px solid #10b98133}.profile .success-message svg{color:#10b981}.profile .error-message{color:#991b1b;background:#ef44441a;border:1px solid #ef444433}.profile .error-message svg{color:#ef4444}.profile .profile-content{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.profile .profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.profile .profile-card .avatar-section{border-bottom:1px solid #f3f4f6;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.profile .profile-card .avatar-section .avatar-container{flex-shrink:0;position:relative}.profile .profile-card .avatar-section .avatar-container .avatar-image,.profile .profile-card .avatar-section .avatar-container .avatar-placeholder{border-radius:50%;width:80px;height:80px}.profile .profile-card .avatar-section .avatar-container .avatar-image{object-fit:cover;border:3px solid #e5e7eb}.profile .profile-card .avatar-section .avatar-container .avatar-placeholder{color:#9ca3af;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:3px solid #e5e7eb;justify-content:center;align-items:center;display:flex}.profile .profile-card .avatar-section .avatar-container .avatar-upload{cursor:pointer;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 8px #667eea4d}.profile .profile-card .avatar-section .avatar-container .avatar-upload:hover{background:#5a67d8;transform:scale(1.1)}.profile .profile-card .avatar-section .avatar-container .avatar-upload svg{color:#fff;width:16px;height:16px}.profile .profile-card .avatar-section .avatar-info h3{color:#1f2937;margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.profile .profile-card .avatar-section .avatar-info p{color:#6b7280;margin:0;font-size:.875rem}.profile .profile-card .profile-fields{flex-direction:column;gap:1.5rem;display:flex}.profile .profile-card .profile-fields .field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profile .profile-card .profile-fields .form-field{flex-direction:column;gap:.5rem;display:flex}.profile .profile-card .profile-fields .form-field label{color:#374151;font-size:.875rem;font-weight:500}.profile .profile-card .profile-fields .form-field .field-value{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.profile .profile-card .profile-fields .form-field .field-value svg{color:#9ca3af;width:16px;height:16px}.profile .profile-card .profile-fields .form-field input,.profile .profile-card .profile-fields .form-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:.875rem;transition:all .2s}.profile .profile-card .profile-fields .form-field input:focus,.profile .profile-card .profile-fields .form-field select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.profile .profile-card .profile-fields .form-field input.error,.profile .profile-card .profile-fields .form-field select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.profile .profile-card .profile-fields .form-field input::placeholder,.profile .profile-card .profile-fields .form-field select::placeholder{color:#9ca3af}.profile .profile-card .profile-fields .form-field select{cursor:pointer}.profile .profile-card .profile-fields .form-field .field-error{color:#ef4444;margin-top:-.25rem;font-size:.75rem}.profile .account-stats{flex-direction:column;gap:1rem;display:flex}.profile .account-stats .stat-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.profile .account-stats .stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.profile .account-stats .stat-card .stat-number{color:#667eea;margin-bottom:.5rem;font-size:2rem;font-weight:700}.profile .account-stats .stat-card .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.profile .loading-spinner.small{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (max-width:1024px){.profile .profile-content{grid-template-columns:1fr;gap:1.5rem}.profile .profile-content .account-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}}@media (max-width:768px){.profile .profile-header{flex-direction:column;align-items:stretch;gap:1.5rem}.profile .profile-header .profile-actions{align-self:flex-end}.profile .profile-header .profile-actions .edit-actions{justify-content:flex-end}.profile .profile-card{padding:1.5rem}.profile .profile-card .avatar-section{text-align:center;flex-direction:column;gap:1rem}.profile .profile-card .avatar-section .avatar-info h3{font-size:1.25rem}.profile .profile-card .profile-fields .field-row{grid-template-columns:1fr;gap:1.5rem}.profile .account-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.profile .account-stats .stat-card{padding:1rem}.profile .account-stats .stat-card .stat-number{font-size:1.5rem}.profile .account-stats .stat-card .stat-label{font-size:.8rem}}@media (max-width:480px){.profile .profile-header .page-title h1{font-size:1.5rem}.profile .profile-header .profile-actions .edit-actions{flex-direction:column;gap:.5rem}.profile .profile-header .profile-actions .edit-actions .btn-primary,.profile .profile-header .profile-actions .edit-actions .btn-secondary{justify-content:center;width:100%}.profile .profile-card{padding:1rem}.profile .account-stats{grid-template-columns:1fr}.profile .account-stats .stat-card{text-align:left;justify-content:space-between;align-items:center;display:flex}.profile .account-stats .stat-card .stat-number{margin-bottom:0;font-size:1.25rem}}
.addresses .addresses-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.addresses .addresses-header .page-title h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.addresses .addresses-header .page-title p{color:#6b7280;margin:0;font-size:1rem}.addresses .addresses-header .btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.addresses .addresses-header .btn-primary:hover:not(:disabled){background:#5a67d8}.addresses .addresses-header .btn-primary:disabled{opacity:.5;cursor:not-allowed}.addresses .addresses-header .btn-primary svg{width:16px;height:16px}.addresses .loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.addresses .loading-state .loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.addresses .loading-state p{color:#6b7280;margin:0;font-size:1rem}.addresses .addresses-content{flex-direction:column;gap:2rem;display:flex}.address-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.address-form .form-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.address-form .form-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.address-form .form-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s}.address-form .form-header .close-btn:hover{color:#374151;background:#e5e7eb}.address-form .form-body{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.address-form .form-body .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.address-form .form-body .form-row:has(.checkbox-field){align-items:end}.address-form .form-body .form-field{flex-direction:column;gap:.5rem;display:flex}.address-form .form-body .form-field label{color:#374151;font-size:.875rem;font-weight:500}.address-form .form-body .form-field input,.address-form .form-body .form-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:.875rem;transition:all .2s}.address-form .form-body .form-field input:focus,.address-form .form-body .form-field select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.address-form .form-body .form-field input.error,.address-form .form-body .form-field select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.address-form .form-body .form-field input::placeholder,.address-form .form-body .form-field select::placeholder{color:#9ca3af}.address-form .form-body .form-field select{cursor:pointer}.address-form .form-body .form-field .field-error{color:#ef4444;margin-top:-.25rem;font-size:.75rem}.address-form .form-body .form-field.checkbox-field .checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.875rem;display:flex}.address-form .form-body .form-field.checkbox-field .checkbox-label input[type=checkbox]{display:none}.address-form .form-body .form-field.checkbox-field .checkbox-label .checkmark{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.address-form .form-body .form-field.checkbox-field .checkbox-label .checkmark:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;transition:opacity .2s;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.address-form .form-body .form-field.checkbox-field .checkbox-label input:checked+.checkmark{background:#667eea;border-color:#667eea}.address-form .form-body .form-field.checkbox-field .checkbox-label input:checked+.checkmark:after{opacity:1}.address-form .form-body .form-field.checkbox-field .checkbox-label:hover .checkmark{border-color:#667eea}.address-form .form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.address-form .form-actions .btn-secondary,.address-form .form-actions .btn-primary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.address-form .form-actions .btn-secondary svg,.address-form .form-actions .btn-primary svg{width:16px;height:16px}.address-form .form-actions .btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.address-form .form-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.address-form .form-actions .btn-primary{color:#fff;background:#667eea}.address-form .form-actions .btn-primary:hover{background:#5a67d8}.addresses-list{flex-direction:column;gap:1rem;display:flex}.addresses-list .empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.addresses-list .empty-state .empty-icon{color:#d1d5db;width:64px;height:64px;margin-bottom:1rem}.addresses-list .empty-state h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.addresses-list .empty-state p{color:#6b7280;margin:0;font-size:1rem}.addresses-list .address-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.addresses-list .address-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.addresses-list .address-card .address-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.addresses-list .address-card .address-header .address-type{align-items:center;gap:.75rem;display:flex}.addresses-list .address-card .address-header .address-type svg{color:#667eea}.addresses-list .address-card .address-header .address-type .type-label{color:#374151;font-size:.875rem;font-weight:500}.addresses-list .address-card .address-header .address-type .default-badge{color:#92400e;background:#fbbf241a;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.addresses-list .address-card .address-header .address-type .default-badge svg{color:#fbbf24;width:12px;height:12px}.addresses-list .address-card .address-header .address-actions{align-items:center;gap:.5rem;display:flex}.addresses-list .address-card .address-header .address-actions .set-default-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.addresses-list .address-card .address-header .address-actions .set-default-btn:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.addresses-list .address-card .address-header .address-actions .edit-btn,.addresses-list .address-card .address-header .address-actions .delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.addresses-list .address-card .address-header .address-actions .edit-btn:disabled,.addresses-list .address-card .address-header .address-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}.addresses-list .address-card .address-header .address-actions .edit-btn svg,.addresses-list .address-card .address-header .address-actions .delete-btn svg{width:16px;height:16px}.addresses-list .address-card .address-header .address-actions .edit-btn{color:#667eea}.addresses-list .address-card .address-header .address-actions .edit-btn:hover:not(:disabled){color:#5a67d8;background:#667eea1a}.addresses-list .address-card .address-header .address-actions .delete-btn{color:#ef4444}.addresses-list .address-card .address-header .address-actions .delete-btn:hover:not(:disabled){color:#dc2626;background:#ef44441a}.addresses-list .address-card .address-details .recipient{color:#1f2937;margin-bottom:.5rem;font-size:1rem;font-weight:600}.addresses-list .address-card .address-details .recipient .company{color:#6b7280;font-weight:400}.addresses-list .address-card .address-details .address-text{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.addresses-list .address-card .address-details .phone{color:#6b7280;font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.addresses .address-form .form-body{padding:1.5rem}.addresses .address-form .form-body .form-row{grid-template-columns:1fr;gap:1.5rem}.addresses .address-form .form-body .form-row:has(.checkbox-field){grid-template-columns:1fr 1fr;align-items:center}}@media (max-width:768px){.addresses .addresses-header{flex-direction:column;align-items:stretch;gap:1.5rem}.addresses .addresses-header .btn-primary{align-self:flex-end}.addresses .address-form .form-header{padding:1rem 1.5rem}.addresses .address-form .form-header h3{font-size:1.125rem}.addresses .address-form .form-body{padding:1.5rem}.addresses .address-form .form-body .form-row{grid-template-columns:1fr;gap:1.5rem}.addresses .address-form .form-actions{flex-direction:column-reverse;padding:1rem 1.5rem}.addresses .address-form .form-actions .btn-secondary,.addresses .address-form .form-actions .btn-primary{justify-content:center;width:100%}.addresses .address-card{padding:1rem}.addresses .address-card .address-header{flex-direction:column;align-items:stretch;gap:1rem}.addresses .address-card .address-header .address-actions{justify-content:flex-end}}@media (max-width:480px){.addresses .addresses-header .page-title h1{font-size:1.5rem}.addresses .address-form .form-actions{gap:.75rem}.addresses .address-card .address-header .address-actions{flex-wrap:wrap;gap:.5rem}.addresses .address-card .address-header .address-actions .set-default-btn{text-align:center;flex:1}}
.wishlist .wishlist-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.wishlist .wishlist-header .page-title h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.wishlist .wishlist-header .page-title p{color:#6b7280;margin:0;font-size:1rem}.wishlist .wishlist-header .wishlist-actions .share-btn{color:#667eea;cursor:pointer;background:#fff;border:1px solid #667eea;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.wishlist .wishlist-header .wishlist-actions .share-btn:hover{color:#fff;background:#667eea}.wishlist .wishlist-header .wishlist-actions .share-btn svg{width:16px;height:16px}.wishlist .loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.wishlist .loading-state .loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.wishlist .loading-state p{color:#6b7280;margin:0;font-size:1rem}.wishlist .empty-wishlist{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.wishlist .empty-wishlist .empty-icon{color:#d1d5db;width:80px;height:80px;margin-bottom:2rem}.wishlist .empty-wishlist h3{color:#374151;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.wishlist .empty-wishlist p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.wishlist .empty-wishlist .btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.wishlist .empty-wishlist .btn-primary:hover{background:#5a67d8}.wishlist .wishlist-controls{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.wishlist .wishlist-controls .filters{gap:1rem;display:flex}.wishlist .wishlist-controls .filters select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:border-color .2s}.wishlist .wishlist-controls .filters select:focus{border-color:#667eea;outline:none}.wishlist .wishlist-controls .view-controls{gap:.5rem;display:flex}.wishlist .wishlist-controls .view-controls .view-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;transition:all .2s}.wishlist .wishlist-controls .view-controls .view-btn:hover{background:#f9fafb;border-color:#9ca3af}.wishlist .wishlist-controls .view-controls .view-btn.active{color:#fff;background:#667eea;border-color:#667eea}.wishlist .wishlist-controls .view-controls .view-btn svg{width:16px;height:16px}.wishlist-items{gap:1.5rem;display:grid}.wishlist-items.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wishlist-items.grid .wishlist-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.wishlist-items.grid .wishlist-item:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.wishlist-items.grid .wishlist-item .item-image{aspect-ratio:1;position:relative;overflow:hidden}.wishlist-items.grid .wishlist-item .item-image img{object-fit:cover;width:100%;height:100%}.wishlist-items.grid .wishlist-item .item-image .stock-overlay{color:#fff;background:#000000b3;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex;position:absolute;inset:0}.wishlist-items.grid .wishlist-item .item-details{padding:1rem}.wishlist-items.grid .wishlist-item .item-details .item-category{color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.wishlist-items.grid .wishlist-item .item-details .item-name{color:#1f2937;margin:0 0 .75rem;font-size:1rem;font-weight:600;line-height:1.4}.wishlist-items.grid .wishlist-item .item-details .item-rating{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.wishlist-items.grid .wishlist-item .item-details .item-rating .stars{gap:1px;display:flex}.wishlist-items.grid .wishlist-item .item-details .item-rating .stars .star.filled{color:#fbbf24;fill:currentColor}.wishlist-items.grid .wishlist-item .item-details .item-rating .stars .star.half{color:#fbbf24;fill:url(#half-star)}.wishlist-items.grid .wishlist-item .item-details .item-rating .stars .star.empty{color:#e5e7eb}.wishlist-items.grid .wishlist-item .item-details .item-rating .rating-text{color:#6b7280;font-size:.75rem}.wishlist-items.grid .wishlist-item .item-details .item-price{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.wishlist-items.grid .wishlist-item .item-details .item-price .current-price{color:#1f2937;font-size:1.125rem;font-weight:700}.wishlist-items.grid .wishlist-item .item-details .item-price .original-price{color:#9ca3af;font-size:.875rem;text-decoration:line-through}.wishlist-items.grid .wishlist-item .item-details .item-actions{gap:.5rem;display:flex}.wishlist-items.grid .wishlist-item .item-details .item-actions .add-to-cart{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.wishlist-items.grid .wishlist-item .item-details .item-actions .add-to-cart:hover:not(:disabled){background:#5a67d8}.wishlist-items.grid .wishlist-item .item-details .item-actions .add-to-cart:disabled{cursor:not-allowed;background:#9ca3af}.wishlist-items.grid .wishlist-item .item-details .item-actions .add-to-cart svg{width:16px;height:16px}.wishlist-items.grid .wishlist-item .item-details .item-actions .view-product,.wishlist-items.grid .wishlist-item .item-details .item-actions .remove-item{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.625rem;transition:all .2s}.wishlist-items.grid .wishlist-item .item-details .item-actions .view-product svg,.wishlist-items.grid .wishlist-item .item-details .item-actions .remove-item svg{width:16px;height:16px}.wishlist-items.grid .wishlist-item .item-details .item-actions .view-product{color:#6b7280}.wishlist-items.grid .wishlist-item .item-details .item-actions .view-product:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.wishlist-items.grid .wishlist-item .item-details .item-actions .remove-item{color:#ef4444}.wishlist-items.grid .wishlist-item .item-details .item-actions .remove-item:hover{background:#ef44441a;border-color:#ef4444}.wishlist-items.list{grid-template-columns:1fr}.wishlist-items.list .wishlist-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.wishlist-items.list .wishlist-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.wishlist-items.list .wishlist-item .item-image{aspect-ratio:1;flex-shrink:0;width:200px;position:relative;overflow:hidden}.wishlist-items.list .wishlist-item .item-image img{object-fit:cover;width:100%;height:100%}.wishlist-items.list .wishlist-item .item-image .stock-overlay{color:#fff;background:#000000b3;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex;position:absolute;inset:0}.wishlist-items.list .wishlist-item .item-details{flex-direction:column;flex:1;padding:1.5rem;display:flex}.wishlist-items.list .wishlist-item .item-details .item-category{color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.wishlist-items.list .wishlist-item .item-details .item-name{color:#1f2937;margin:0 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.4}.wishlist-items.list .wishlist-item .item-details .item-rating{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.wishlist-items.list .wishlist-item .item-details .item-rating .stars{gap:2px;display:flex}.wishlist-items.list .wishlist-item .item-details .item-rating .stars .star.filled{color:#fbbf24;fill:currentColor}.wishlist-items.list .wishlist-item .item-details .item-rating .stars .star.half{color:#fbbf24;fill:url(#half-star)}.wishlist-items.list .wishlist-item .item-details .item-rating .stars .star.empty{color:#e5e7eb}.wishlist-items.list .wishlist-item .item-details .item-rating .rating-text{color:#6b7280;font-size:.875rem}.wishlist-items.list .wishlist-item .item-details .item-price{align-items:center;gap:.75rem;margin-bottom:auto;display:flex}.wishlist-items.list .wishlist-item .item-details .item-price .current-price{color:#1f2937;font-size:1.5rem;font-weight:700}.wishlist-items.list .wishlist-item .item-details .item-price .original-price{color:#9ca3af;font-size:1rem;text-decoration:line-through}.wishlist-items.list .wishlist-item .item-details .item-actions{align-self:flex-start;gap:1rem;margin-top:1rem;display:flex}.wishlist-items.list .wishlist-item .item-details .item-actions .add-to-cart{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.wishlist-items.list .wishlist-item .item-details .item-actions .add-to-cart:hover:not(:disabled){background:#5a67d8}.wishlist-items.list .wishlist-item .item-details .item-actions .add-to-cart:disabled{cursor:not-allowed;background:#9ca3af}.wishlist-items.list .wishlist-item .item-details .item-actions .add-to-cart svg{width:16px;height:16px}.wishlist-items.list .wishlist-item .item-details .item-actions .view-product,.wishlist-items.list .wishlist-item .item-details .item-actions .remove-item{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;transition:all .2s}.wishlist-items.list .wishlist-item .item-details .item-actions .view-product svg,.wishlist-items.list .wishlist-item .item-details .item-actions .remove-item svg{width:16px;height:16px}.wishlist-items.list .wishlist-item .item-details .item-actions .view-product{color:#6b7280}.wishlist-items.list .wishlist-item .item-details .item-actions .view-product:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.wishlist-items.list .wishlist-item .item-details .item-actions .remove-item{color:#ef4444}.wishlist-items.list .wishlist-item .item-details .item-actions .remove-item:hover{background:#ef44441a;border-color:#ef4444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.wishlist .wishlist-items.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.wishlist .wishlist-items.list .wishlist-item .item-image{width:150px}.wishlist .wishlist-items.list .wishlist-item .item-details{padding:1rem}}@media (max-width:768px){.wishlist .wishlist-header{flex-direction:column;align-items:stretch;gap:1.5rem}.wishlist .wishlist-header .wishlist-actions{align-self:flex-end}.wishlist .wishlist-controls{flex-direction:column;gap:1rem}.wishlist .wishlist-controls .filters{justify-content:space-between}.wishlist .wishlist-controls .view-controls{align-self:flex-end}.wishlist .wishlist-items.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.wishlist .wishlist-items.grid .wishlist-item .item-details{padding:.75rem}.wishlist .wishlist-items.grid .wishlist-item .item-details .item-name{font-size:.875rem}.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions .add-to-cart{padding:.5rem;font-size:.75rem}.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions .view-product,.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions .remove-item{padding:.5rem}.wishlist .wishlist-items.list .wishlist-item{flex-direction:column}.wishlist .wishlist-items.list .wishlist-item .item-image{aspect-ratio:16/9;width:100%}.wishlist .wishlist-items.list .wishlist-item .item-details .item-actions{flex-wrap:wrap;gap:.5rem}.wishlist .wishlist-items.list .wishlist-item .item-details .item-actions .add-to-cart{flex:1;min-width:200px}}@media (max-width:480px){.wishlist .wishlist-header .page-title h1{font-size:1.5rem}.wishlist .wishlist-controls{padding:1rem}.wishlist .wishlist-controls .filters{flex-direction:column;gap:.75rem}.wishlist .wishlist-controls .filters select{width:100%}.wishlist .wishlist-items.grid{grid-template-columns:1fr}.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions{flex-direction:column}.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions .add-to-cart{width:100%}.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions .view-product,.wishlist .wishlist-items.grid .wishlist-item .item-details .item-actions .remove-item{justify-content:center;width:100%}.wishlist .wishlist-items.list .wishlist-item .item-details .item-actions{flex-direction:column}.wishlist .wishlist-items.list .wishlist-item .item-details .item-actions .add-to-cart,.wishlist .wishlist-items.list .wishlist-item .item-details .item-actions .view-product,.wishlist .wishlist-items.list .wishlist-item .item-details .item-actions .remove-item{justify-content:center;width:100%}.wishlist .empty-wishlist{padding:2rem 1rem}.wishlist .empty-wishlist .empty-icon{width:60px;height:60px;margin-bottom:1.5rem}.wishlist .empty-wishlist h3{font-size:1.25rem}}
.payment-methods .payment-methods-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.payment-methods .payment-methods-header .page-title h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.payment-methods .payment-methods-header .page-title p{color:#6b7280;margin:0;font-size:1rem}.payment-methods .payment-methods-header .btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.payment-methods .payment-methods-header .btn-primary:hover:not(:disabled){background:#5a67d8}.payment-methods .payment-methods-header .btn-primary:disabled{opacity:.5;cursor:not-allowed}.payment-methods .payment-methods-header .btn-primary svg{width:16px;height:16px}.payment-methods .loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.payment-methods .loading-state .loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.payment-methods .loading-state p{color:#6b7280;margin:0;font-size:1rem}.payment-methods .security-notice{color:#065f46;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.payment-methods .security-notice svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.payment-methods .security-notice strong{margin-bottom:.25rem;font-weight:600;display:block}.payment-methods .security-notice p{color:#047857;margin:0;font-size:.875rem}.payment-methods .payment-methods-content{flex-direction:column;gap:2rem;display:flex}.payment-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.payment-form .form-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.payment-form .form-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.payment-form .form-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s}.payment-form .form-header .close-btn:hover{color:#374151;background:#e5e7eb}.payment-form .form-body{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.payment-form .form-body .payment-type-selector{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:1.5rem;padding:1rem;display:flex}.payment-form .form-body .payment-type-selector .radio-option{cursor:pointer;color:#374151;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.payment-form .form-body .payment-type-selector .radio-option:hover{background:#667eea0d}.payment-form .form-body .payment-type-selector .radio-option input[type=radio]{display:none}.payment-form .form-body .payment-type-selector .radio-option .radio-custom{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.payment-form .form-body .payment-type-selector .radio-option .radio-custom:after{content:"";opacity:0;background:#667eea;border-radius:50%;width:8px;height:8px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.payment-form .form-body .payment-type-selector .radio-option input:checked+.radio-custom{border-color:#667eea}.payment-form .form-body .payment-type-selector .radio-option input:checked+.radio-custom:after{opacity:1}.payment-form .form-body .payment-type-selector .radio-option svg,.payment-form .form-body .payment-type-selector .radio-option .mobile-icon{color:#667eea;font-size:1.25rem}.payment-form .form-body .form-row{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.payment-form .form-body .form-field{flex-direction:column;gap:.5rem;display:flex}.payment-form .form-body .form-field label{color:#374151;font-size:.875rem;font-weight:500}.payment-form .form-body .form-field input,.payment-form .form-body .form-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:.875rem;transition:all .2s}.payment-form .form-body .form-field input:focus,.payment-form .form-body .form-field select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.payment-form .form-body .form-field input.error,.payment-form .form-body .form-field select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.payment-form .form-body .form-field input::placeholder,.payment-form .form-body .form-field select::placeholder{color:#9ca3af}.payment-form .form-body .form-field select{cursor:pointer}.payment-form .form-body .form-field .field-error{color:#ef4444;margin-top:-.25rem;font-size:.75rem}.payment-form .form-body .form-field.checkbox-field .checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.875rem;display:flex}.payment-form .form-body .form-field.checkbox-field .checkbox-label input[type=checkbox]{display:none}.payment-form .form-body .form-field.checkbox-field .checkbox-label .checkmark{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.payment-form .form-body .form-field.checkbox-field .checkbox-label .checkmark:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;transition:opacity .2s;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.payment-form .form-body .form-field.checkbox-field .checkbox-label input:checked+.checkmark{background:#667eea;border-color:#667eea}.payment-form .form-body .form-field.checkbox-field .checkbox-label input:checked+.checkmark:after{opacity:1}.payment-form .form-body .form-field.checkbox-field .checkbox-label:hover .checkmark{border-color:#667eea}.payment-form .form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.payment-form .form-actions .btn-secondary,.payment-form .form-actions .btn-primary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.payment-form .form-actions .btn-secondary svg,.payment-form .form-actions .btn-primary svg{width:16px;height:16px}.payment-form .form-actions .btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.payment-form .form-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.payment-form .form-actions .btn-primary{color:#fff;background:#667eea}.payment-form .form-actions .btn-primary:hover{background:#5a67d8}.payment-methods-list{flex-direction:column;gap:1rem;display:flex}.payment-methods-list .empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.payment-methods-list .empty-state .empty-icon{color:#d1d5db;width:64px;height:64px;margin-bottom:1rem}.payment-methods-list .empty-state h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.payment-methods-list .empty-state p{color:#6b7280;margin:0;font-size:1rem}.payment-methods-list .payment-method-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.payment-methods-list .payment-method-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.payment-methods-list .payment-method-card .payment-method-header{justify-content:space-between;align-items:center;display:flex}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info{flex:1;align-items:center;gap:1rem;display:flex}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .payment-icon{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .payment-details{flex:1}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .payment-details .payment-name{color:#1f2937;margin-bottom:.25rem;font-size:1rem;font-weight:600}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .payment-details .payment-number{color:#6b7280;letter-spacing:.5px;margin-bottom:.125rem;font-family:Courier New,monospace;font-size:.875rem}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .payment-details .payment-expiry{color:#9ca3af;font-size:.75rem}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .default-badge{color:#92400e;background:#fbbf241a;border-radius:12px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.payment-methods-list .payment-method-card .payment-method-header .payment-method-info .default-badge svg{color:#fbbf24;width:12px;height:12px}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions{align-items:center;gap:.5rem;display:flex}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .set-default-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .set-default-btn:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .edit-btn,.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .edit-btn:disabled,.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .edit-btn svg,.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .delete-btn svg{width:16px;height:16px}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .edit-btn{color:#667eea}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .edit-btn:hover:not(:disabled){color:#5a67d8;background:#667eea1a}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .delete-btn{color:#ef4444}.payment-methods-list .payment-method-card .payment-method-header .payment-method-actions .delete-btn:hover:not(:disabled){color:#dc2626;background:#ef44441a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.payment-methods .payment-form .form-body{padding:1.5rem}.payment-methods .payment-form .form-body .form-row{grid-template-columns:1fr 1fr;gap:1rem}.payment-methods .payment-form .form-body .payment-type-selector{flex-direction:column;gap:1rem}}@media (max-width:768px){.payment-methods .payment-methods-header{flex-direction:column;align-items:stretch;gap:1.5rem}.payment-methods .payment-methods-header .btn-primary{align-self:flex-end}.payment-methods .security-notice{text-align:center;flex-direction:column;gap:.75rem}.payment-methods .security-notice svg{align-self:center;margin-top:0}.payment-methods .payment-form .form-header{padding:1rem 1.5rem}.payment-methods .payment-form .form-header h3{font-size:1.125rem}.payment-methods .payment-form .form-body{padding:1.5rem}.payment-methods .payment-form .form-body .form-row{grid-template-columns:1fr;gap:1.5rem}.payment-methods .payment-form .form-body .payment-type-selector .radio-option{text-align:center;flex-direction:column;gap:.5rem;padding:1rem}.payment-methods .payment-form .form-actions{flex-direction:column-reverse;padding:1rem 1.5rem}.payment-methods .payment-form .form-actions .btn-secondary,.payment-methods .payment-form .form-actions .btn-primary{justify-content:center;width:100%}.payment-methods .payment-method-card{padding:1rem}.payment-methods .payment-method-card .payment-method-header{flex-direction:column;align-items:stretch;gap:1rem}.payment-methods .payment-method-card .payment-method-header .payment-method-actions{justify-content:flex-end;align-self:flex-end}}@media (max-width:480px){.payment-methods .payment-methods-header .page-title h1{font-size:1.5rem}.payment-methods .payment-form .form-actions{gap:.75rem}.payment-methods .payment-method-card .payment-method-header .payment-method-info .payment-icon{width:40px;height:40px;font-size:1.25rem}.payment-methods .payment-method-card .payment-method-header .payment-method-actions{flex-wrap:wrap;gap:.5rem}.payment-methods .payment-method-card .payment-method-header .payment-method-actions .set-default-btn{text-align:center;flex:1}}
.auth-page{background:linear-gradient(135deg,var(--bg-color)0%,var(--accent-lt)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.auth-page .home-button,.auth-page .back-button{background:var(--bg-light);color:var(--primary-color);border:2px solid var(--primary-color);font-size:var(--font-size-button);cursor:pointer;z-index:100;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .3s;display:flex;position:fixed;top:2rem;box-shadow:0 4px 12px #0000001a}.auth-page .home-button svg,.auth-page .back-button svg{width:20px;height:20px;transition:transform .3s}.auth-page .home-button:hover,.auth-page .back-button:hover{background:var(--primary-color);color:var(--bg-light);box-shadow:0 6px 20px rgba(var(--primary-color-rgb,18,70,171),.3);transform:translateY(-2px)}.auth-page .home-button:hover svg,.auth-page .back-button:hover svg{transform:scale(1.1)}.auth-page .home-button:active,.auth-page .back-button:active{transform:translateY(0)}.auth-page .home-button{right:2rem}.auth-page .back-button{left:2rem}.auth-page .back-button:hover svg{transform:translate(-4px)scale(1.1)}@media (max-width:768px){.auth-page .home-button,.auth-page .back-button{font-size:var(--font-size-sm);padding:.6rem 1.2rem;top:1rem}.auth-page .home-button svg,.auth-page .back-button svg{width:18px;height:18px}.auth-page .home-button span,.auth-page .back-button span{display:none}.auth-page .home-button{right:1rem}.auth-page .back-button{left:1rem}}@media (max-width:480px){.auth-page .home-button,.auth-page .back-button{padding:.5rem 1rem;top:.75rem}.auth-page .home-button svg,.auth-page .back-button svg{width:16px;height:16px}.auth-page .home-button{right:.75rem}.auth-page .back-button{left:.75rem}}.auth-page .auth-container{background:var(--bg-light);border-radius:16px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;min-height:600px;display:grid;overflow:hidden;box-shadow:0 20px 40px #0000001a}@media (max-width:768px){.auth-page .auth-container{grid-template-columns:1fr;max-width:500px;min-height:500px}}.auth-page .success-container{background:var(--bg-light);grid-column:1/-1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.auth-page .success-container .success-content{text-align:center;max-width:500px}.auth-page .success-container .success-content .success-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:2.5rem;font-weight:700;display:flex;box-shadow:0 10px 25px #10b9814d}.auth-page .success-container .success-content h2{color:var(--text-color);font-size:var(--font-size-h1);margin-bottom:1rem;font-weight:600}.auth-page .success-container .success-content .success-message{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:2rem;line-height:1.6}.auth-page .success-container .success-content .success-details{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.auth-page .success-container .success-content .success-details p{font-size:var(--font-size-p);color:var(--text-gray);margin-bottom:.5rem;line-height:1.6}.auth-page .success-container .success-content .success-details p:last-child{margin-bottom:0}.auth-page .success-container .success-content .success-actions{flex-direction:column;gap:12px;width:100%;display:flex}.auth-page .success-container .success-content .success-actions .btn-primary,.auth-page .success-container .success-content .success-actions .btn-secondary{font-size:var(--font-size-button);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-weight:600;transition:all .3s}.auth-page .success-container .success-content .success-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color)0%,var(--accent-dk)100%);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-color-rgb,18,70,171),.3)}.auth-page .success-container .success-content .success-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1246ab4d}.auth-page .success-container .success-content .success-actions .btn-primary:active{transform:translateY(0)}.auth-page .success-container .success-content .success-actions .btn-secondary{background:var(--bg-light);color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 2px 8px #0000001a}.auth-page .success-container .success-content .success-actions .btn-secondary:hover{background:var(--accent-lt);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.auth-page .success-container .success-content .success-actions .btn-secondary:active{transform:translateY(0)}.auth-page .forgot-password-container{grid-column:1/-1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-page .forgot-password-container .forgot-password-form{background:var(--bg-light);border-radius:12px;width:100%;max-width:500px;padding:3rem;box-shadow:0 10px 25px #0000001a}.auth-page .auth-info{background:linear-gradient(135deg,var(--primary-color)0%,var(--accent-dk)100%);color:#fff;flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.auth-page .auth-info:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.auth-page .auth-info h2{font-size:var(--font-size-h2);z-index:1;margin-bottom:2rem;font-weight:700;position:relative}.auth-page .auth-info .info-text{font-size:var(--font-size-p);opacity:.95;z-index:1;margin-bottom:2.5rem;line-height:1.7;position:relative}.auth-page .auth-info .toggle-btn{background:var(--bg-color);color:var(--text-color);font-size:var(--font-size-button);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border:2px solid #ffffff4d;border-radius:8px;align-self:flex-start;padding:1rem 2rem;font-family:inherit;font-weight:600;transition:all .3s;position:relative}.auth-page .auth-info .toggle-btn:hover{background:var(--accent-lt);border-color:#ffffff80;transform:translateY(-2px)}.auth-page .auth-info .toggle-btn:active{transform:translateY(0)}@media (max-width:768px){.auth-page .auth-info{text-align:center;padding:2rem}.auth-page .auth-info .toggle-btn{align-self:center}}.auth-page .auth-form{flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}.auth-page .auth-form h2{font-size:var(--font-size-h2);color:var(--text-color);text-align:center;margin-bottom:.5rem;font-weight:600}.auth-page .auth-form .subtitle{font-size:var(--font-size-p);color:var(--text-gray);text-align:center;margin-bottom:2rem;font-weight:400}.auth-page .auth-form .form-info{margin-bottom:2rem}.auth-page .auth-form .form-info p{font-size:var(--font-size-md);color:var(--text-gray);margin-bottom:1rem;line-height:1.6}.auth-page .auth-form .form-info p:last-child{margin-bottom:0}.auth-page .auth-form .form-info .privacy-link{color:var(--primary-color);font-weight:500;text-decoration:none}.auth-page .auth-form .form-info .privacy-link:hover{text-decoration:underline}.auth-page .auth-form form{width:100%}.auth-page .auth-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:480px){.auth-page .auth-form .form-row{grid-template-columns:1fr;gap:1.5rem}}.auth-page .auth-form .form-group{margin-bottom:1.5rem}.auth-page .auth-form .form-group label{font-size:var(--font-size-md);color:var(--text-color);margin-bottom:.5rem;font-weight:500;display:block}.auth-page .auth-form .form-group input{border:2px solid var(--accent-lt);width:100%;font-size:var(--font-size-p);background:#fff;border-radius:8px;padding:1rem;font-family:inherit;transition:all .3s}.auth-page .auth-form .form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1246ab1a}.auth-page .auth-form .form-group input:disabled{background:var(--bg-color);cursor:not-allowed;opacity:.6}.auth-page .auth-form .form-group input::placeholder{color:var(--text-gray)}.auth-page .auth-form .form-actions{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-page .auth-form .submit-btn{background:linear-gradient(135deg,var(--primary-color)0%,var(--accent-dk)100%);color:#fff;width:100%;font-size:var(--font-size-button);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:1rem 2rem;font-family:inherit;font-weight:600;transition:all .3s}.auth-page .auth-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1246ab4d}.auth-page .auth-form .submit-btn:active:not(:disabled){transform:translateY(0)}.auth-page .auth-form .submit-btn:disabled{background:var(--text-gray);cursor:not-allowed;box-shadow:none;animation:1.5s infinite pulse;transform:none}.auth-page .auth-form .link-btn{color:var(--primary-color);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:500;text-decoration:none;transition:color .3s}.auth-page .auth-form .link-btn:hover:not(:disabled){color:var(--accent-dk);text-decoration:underline}.auth-page .auth-form .link-btn:disabled{color:var(--text-gray);cursor:not-allowed}.auth-page .auth-form .toggle-link{text-align:center;font-size:var(--font-size-md);color:var(--text-gray);margin-top:1rem}.auth-page .auth-form .message{font-size:var(--font-size-md);text-align:center;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:500}.auth-page .auth-form .message.success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e33}.auth-page .auth-form .message.error{color:var(--warn-color);background:#ef44441a;border:1px solid #ef444433}@media (max-width:768px){.auth-page .auth-form{padding:2rem}}.auth-page .auth-container>*,.auth-page .success-content>*,.auth-page .forgot-password-form>*{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.auth-page{padding:1rem .5rem}.auth-page .auth-container{border-radius:8px;min-height:auto}.auth-page .auth-form{padding:2rem 1.5rem}.auth-page .auth-form .form-row{grid-template-columns:1fr}.auth-page .auth-info,.auth-page .success-container{padding:2rem 1.5rem}.auth-page .forgot-password-container{padding:1rem}.auth-page .forgot-password-container .forgot-password-form{padding:2rem 1.5rem}}.auth-page *{transition:background-color .3s,color .3s,border-color .3s}.auth-page .submit-btn:focus-visible,.auth-page .link-btn:focus-visible,.auth-page .toggle-btn:focus-visible,.auth-page .btn-primary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.auth-page input:focus-visible{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1246ab1a}@media (prefers-contrast:high){.auth-page .auth-info,.auth-page .submit-btn,.auth-page .btn-primary{background:var(--text-color);color:var(--bg-light)}.auth-page input{border-width:3px}}@media (prefers-reduced-motion:reduce){.auth-page .auth-container>*,.auth-page .success-content>*,.auth-page .forgot-password-form>*{animation:none}.auth-page .submit-btn,.auth-page .toggle-btn,.auth-page .btn-primary,.auth-page .link-btn{transition:none}.auth-page .submit-btn:disabled{animation:none}}@media print{.auth-page .auth-page{color:#000;background:#fff}.auth-page .auth-info{color:#000;background:#f5f5f5}.auth-page .submit-btn,.auth-page .toggle-btn,.auth-page .btn-primary{color:#fff;background:#333}}
.admin-login{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login__card{background:var(--bg-light);border-radius:1rem;width:100%;max-width:400px;padding:2rem 2.5rem;box-shadow:0 4px 20px #00000014}.admin-login__card a{font-size:var(--font-size-md);width:100%;color:var(--primary-color);justify-content:center;align-items:center;margin-top:1rem;text-decoration:none;transition:all .3s ease-in;display:flex}.admin-login__card a:hover{color:var(--warn-color)}.admin-login__title{font-family:Poppins,sans-serif;font-size:var(--font-size-h2);color:var(--primary-color);text-align:center;margin-bottom:1.5rem;font-weight:600}.admin-login__form{flex-direction:column;gap:1rem;display:flex}.admin-login__form .form-group{flex-direction:column;display:flex}.admin-login__form .form-group label{font-size:var(--font-size-md);color:var(--text-color);margin-bottom:.3rem;font-weight:500}.admin-login__form .form-group input{border:1px solid var(--accent-lt);font-size:var(--font-size-p);border-radius:.5rem;padding:.7rem 1rem;font-family:Work Sans,sans-serif;transition:border-color .2s}.admin-login__form .form-group input:focus{border-color:var(--primary-color);background:var(--hover-color)}.admin-login__form .form-group input:disabled{cursor:not-allowed;background:#f7f7f7}.admin-login__form .form-group .error{color:var(--warn-color);font-size:var(--font-size-xs);margin-top:.3rem}.admin-login__form .btn-primary{background:var(--primary-color);color:#fff;font-size:var(--font-size-button);cursor:pointer;border:none;border-radius:.5rem;padding:.8rem;font-weight:600;transition:background .3s}.admin-login__form .btn-primary:hover{background:var(--accent-dk)}.admin-login__form .btn-primary:disabled{background:var(--accent-md);cursor:not-allowed}
.login{justify-content:center;align-items:center;display:flex;position:relative}.login .form-container{background-color:var(--bg-color);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;border:1px solid var(--accent-lt);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1em;width:min(22em,100vw);padding:20px 30px;transition:opacity .3s ease-in,transform .3s ease-in;position:absolute;top:170%;right:-60%;transform:translate(100%);box-shadow:0 5px 15px #00000059}.login .form-container.open{opacity:1;visibility:visible;pointer-events:all;transform:translate(0)}@media (max-width:768px){.login .form-container{width:min(20em,95vw);padding:18px 24px;right:-10px}}@media (max-width:480px){.login .form-container{width:min(18em,90vw);padding:16px 20px;right:-20px}}.login .title{text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:var(--font-size-h3);color:var(--text-color);margin:10px 0 25px;font-weight:800;line-height:1.2}.login .subtitle{text-align:center;font-size:var(--font-size-md);color:var(--text-gray);margin:-10px 0 25px;font-weight:400;line-height:1.4}.login .form{flex-direction:column;gap:18px;width:100%;margin-bottom:15px;display:flex}.login .input{border:2px solid var(--accent-lt);box-sizing:border-box;font-size:var(--font-size-md);background-color:var(--bg-light,#fff);color:var(--text-color);border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;transition:all .3s;outline:0!important}.login .input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,18,70,171),.1)}.login .input:disabled{background-color:var(--accent-lt);cursor:not-allowed;opacity:.7}.login .input::placeholder{color:var(--text-gray);font-weight:400}.login .input.error{border-color:var(--warn-color);box-shadow:0 0 0 3px #dc35451a}.login .page-link{text-align:end;color:var(--text-gray);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;text-decoration:none;transition:color .3s}.login .page-link:hover:not(:disabled){color:var(--primary-color)}.login .page-link:disabled{cursor:not-allowed;opacity:.5}.login .page-link-label{font-size:var(--font-size-sm);font-weight:600;transition:color .3s}.login .page-link-label:hover{color:var(--primary-color)}.login .form-btn{background:linear-gradient(135deg,var(--primary-color)0%,var(--accent-dk)100%);color:var(--bg-color);font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:var(--font-size-button);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;width:100%;padding:12px 16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00000026;border:0!important;outline:0!important}.login .form-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--primary-color-rgb,18,70,171),.4);transform:translateY(-2px)}.login .form-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00000026}.login .form-btn:disabled{background:var(--text-gray);cursor:not-allowed;opacity:.6;animation:1.5s infinite pulse;transform:none}.login .form-btn.secondary{background:var(--accent-lt);color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.login .form-btn.secondary:hover:not(:disabled){background:var(--accent-md);box-shadow:0 4px 12px #00000026}.login .errorText{color:var(--warn-color);font-size:var(--font-size-sm);border-left:3px solid var(--warn-color);background-color:#dc35451a;border-radius:6px;margin:0;padding:8px 12px;font-weight:500;line-height:1.4}.login .sign-up-label{font-size:var(--font-size-button);color:var(--text-gray);text-align:center;margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;line-height:1.5}.login .sign-up-link{font-size:var(--font-size-button);text-decoration:underline;-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color);color:var(--primary-color);cursor:pointer;margin-left:4px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:700;transition:color .3s}.login .sign-up-link:hover{color:var(--accent-dk)}.login .back-link{color:var(--primary-color);font-size:var(--font-size-button);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:8px;font-family:inherit;font-weight:600;transition:all .3s;display:flex}.login .back-link:hover:not(:disabled){background-color:rgba(var(--primary-color-rgb,18,70,171),.1);transform:translate(-4px)}.login .back-link:disabled{opacity:.5;cursor:not-allowed}.reset-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;display:flex}.reset-success .success-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:2rem;font-weight:700;animation:.5s cubic-bezier(.4,0,.2,1) scaleIn;display:flex;box-shadow:0 4px 15px #10b9814d}.reset-success .title{font-size:var(--font-size-h3);color:var(--text-color);margin-bottom:12px;font-weight:700}.reset-success .success-message{font-size:var(--font-size-p);color:var(--text-gray);max-width:300px;margin-bottom:24px;line-height:1.6}.reset-success .form-btn.secondary{margin-top:8px}.user-menu{background:linear-gradient(135deg,var(--bg-color)0%,#fffffffa 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;min-width:320px;margin:-20px -30px;padding:20px 0;animation:.3s cubic-bezier(.4,0,.2,1) slideInMenu;box-shadow:0 10px 40px #00000026}.user-menu.open{background:var(--bg-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;padding:0}.user-profile{align-items:center;gap:16px;padding:0 24px 20px;display:flex;position:relative}.user-profile .f18f03hv,.user-profile .f13mqy1h{border:1px solid var(--accent-dk);border-radius:50%}.user-profile:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--accent-lt)20%,var(--accent-lt)80%,transparent 100%);height:1px;position:absolute;bottom:0;left:24px;right:24px}.user-info{flex:1;min-width:0}.user-name{font-weight:700;font-size:var(--font-size-h6);color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;overflow:hidden}.user-email{font-size:var(--font-size-md);color:var(--text-gray);white-space:nowrap;text-overflow:ellipsis;opacity:.8;margin:0;font-weight:500;overflow:hidden}.menu-divider{background:linear-gradient(90deg,transparent 0%,var(--accent-lt)20%,var(--accent-lt)80%,transparent 100%);height:1px;margin:12px 24px}.menu-options{padding:12px 0}.menu-option{width:100%;color:var(--text-color);font-size:var(--font-size-button);cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:16px 24px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.menu-option:before{content:"";background:var(--primary-color);width:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.menu-option:hover{background:linear-gradient(90deg,rgba(var(--primary-color-rgb,64,64,64),.08)0%,transparent 100%);color:var(--primary-color);transform:translate(8px)}.menu-option:hover:before{transform:scaleY(1)}.menu-option:hover .option-icon{transform:scale(1.1)}.menu-option.logout{color:var(--warn-color,#dc3545)}.menu-option.logout:hover{color:var(--warn-color,#dc3545);background:linear-gradient(90deg,#dc354514 0%,#0000 100%)}.menu-option.logout:before{background:var(--warn-color,#dc3545)}.menu-option span{text-align:left;flex:1}.option-icon{flex-shrink:0;width:20px;height:20px;transition:transform .3s}.user-profile .fui-Avatar__root{background:linear-gradient(var(--bg-color),var(--bg-color))padding-box,linear-gradient(135deg,var(--primary-color),var(--accent-lt))border-box;border:3px solid #0000;border-radius:50%;box-shadow:0 4px 15px #0000001a}@keyframes slideInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.login .form-container{width:min(20em,95vw);padding:18px 24px}.user-menu{min-width:280px;margin:-18px -24px;padding:16px 0}.user-profile{gap:12px;padding:0 20px 16px}.user-profile:after{left:20px;right:20px}.menu-option{gap:14px;padding:14px 20px}.menu-divider{margin:10px 20px}.option-icon{width:18px;height:18px}}@media (max-width:480px){.login .form-container{width:min(18em,90vw);padding:16px 20px}.login .title{font-size:var(--font-size-h4);margin:8px 0 20px}.login .subtitle{font-size:var(--font-size-sm);margin:-8px 0 20px}.login .input{font-size:var(--font-size-md);padding:12px 14px}.login .form-btn{font-size:var(--font-size-sm);padding:12px 14px}.user-menu{min-width:260px;margin:-16px -20px}.reset-success .success-icon{width:50px;height:50px;margin-bottom:16px;font-size:1.5rem}.reset-success .title{font-size:var(--font-size-h4);margin-bottom:10px}.reset-success .success-message{font-size:var(--font-size-md);margin-bottom:20px}}.login .form-btn:focus-visible,.login .page-link:focus-visible,.login .back-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.login .input:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,18,70,171),.1);outline:none}.menu-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}@media (prefers-contrast:high){.login .form-container{border:2px solid var(--text-color)}.login .input{border-width:2px}.login .form-btn{border:2px solid var(--text-color)!important}.user-menu{border:2px solid var(--text-color)}.menu-option:before{width:6px}}@media (prefers-reduced-motion:reduce){.login .form-container,.user-menu,.reset-success .success-icon{transition:none;animation:none}.menu-option,.form-btn,.back-link,.input{transition:none}.form-btn:disabled{animation:none}}@media print{.login .form-container{box-shadow:none;border:1px solid #000;position:static;transform:none}.user-menu{box-shadow:none;background:#fff;border:1px solid #000}}
.order-details-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;min-height:100vh;padding:2rem 1rem;overflow-x:hidden}@media (max-width:768px){.order-details-container{background:#fff;min-height:auto;padding:0}}.order-details-content{background:#fff;border-radius:8px;width:100%;max-width:1200px;margin:0 auto;animation:.5s ease-out slideIn;overflow:visible;box-shadow:0 8px 24px #0003}@media (max-width:768px){.order-details-content{box-shadow:none;border-radius:0;overflow-x:hidden}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner,.error-state{text-align:center;padding:4rem 2rem}.loading-spinner .spinner,.error-state .spinner{border:4px solid #f8f9fa;border-top-color:#1246ab;border-radius:50%;width:60px;height:60px;margin:0 auto 1.5rem;animation:1s linear infinite spin}.loading-spinner h2,.error-state h2{color:#333;margin-bottom:1rem;font-size:1.75rem}.loading-spinner p,.error-state p{color:#666;margin-bottom:2rem;font-size:1.1rem}@keyframes spin{to{transform:rotate(360deg)}}.home-button{color:#fff;background:#1246ab;border-radius:8px;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.home-button:hover{background:#0d337d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.order-heading{color:#fff;background:linear-gradient(135deg,#1246ab 0%,#0b2a66 100%);padding:2.5rem 2rem}.order-heading h1{margin:0 0 1.5rem;font-size:2rem;font-weight:700}@media (max-width:768px){.order-heading h1{margin-bottom:1rem;font-size:1.5rem}}.order-heading .order-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}@media (max-width:768px){.order-heading .order-meta{flex-direction:column;align-items:flex-start;gap:.75rem}}.order-heading .order-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;padding:.5rem 1rem;font-size:1.25rem;font-weight:600}@media (max-width:768px){.order-heading .order-number{padding:.4rem .8rem;font-size:1.1rem}}.order-heading .status-badge{text-transform:capitalize;border-radius:50px;align-items:center;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0000001a}@media (max-width:768px){.order-heading .status-badge{padding:.4rem 1rem;font-size:.875rem}}.order-heading .order-date{color:#ffffffe6;font-size:1rem}@media (max-width:768px){.order-heading .order-date{font-size:.9rem}.order-heading{padding:1.5rem 1rem}}.payment-confirmation-card{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:2px solid #28a745;border-radius:8px;margin:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.payment-confirmation-card .confirmation-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.payment-confirmation-card .confirmation-header .mpesa-logo{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:.5rem;display:flex;box-shadow:0 2px 4px #0000001a}.payment-confirmation-card .confirmation-header .mpesa-logo img{width:100%;height:auto}.payment-confirmation-card .confirmation-header h3{color:#155724;margin:0;font-size:1.5rem;font-weight:700}.payment-confirmation-card .confirmation-details{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.payment-confirmation-card .confirmation-details .detail-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.payment-confirmation-card .confirmation-details .detail-row:last-child{border-bottom:none}.payment-confirmation-card .confirmation-details .detail-row .label{color:#666;font-weight:500}.payment-confirmation-card .confirmation-details .detail-row .value{color:#333;font-weight:600}.payment-confirmation-card .confirmation-details .detail-row .value.receipt-code{color:#1246ab;background:#f8f9fa;border-radius:4px;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:1.1rem}.payment-confirmation-card .confirmation-note{background:#ffffff80;border-radius:8px;gap:.75rem;padding:1rem;display:flex}.payment-confirmation-card .confirmation-note svg{color:#155724;flex-shrink:0;margin-top:.125rem}.payment-confirmation-card .confirmation-note span{color:#155724;font-size:.9rem;line-height:1.5}@media (max-width:768px){.payment-confirmation-card{margin:1rem;padding:1rem}.payment-confirmation-card .confirmation-header .mpesa-logo{width:50px;height:50px}.payment-confirmation-card .confirmation-header h3{font-size:1.25rem}.payment-confirmation-card .confirmation-details .detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.order-section{border-bottom:1px solid #e0e0e0;padding:2rem}.order-section:last-child{border-bottom:none}.order-section h3{color:#333;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.order-section h3:before{content:"";background:#1246ab;border-radius:2px;width:4px;height:1.5rem}@media (max-width:768px){.order-section{padding:1.5rem 1rem}}.order-items-list{flex-direction:column;gap:1rem;display:flex}.order-item{background:#f8f9fa;border-radius:8px;grid-template-columns:120px 1fr auto;gap:1.5rem;padding:1.25rem;transition:all .3s;display:grid}.order-item:hover{background:#eff1f4;box-shadow:0 2px 4px #0000001a}.order-item .item-image{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.order-item .item-image img{object-fit:cover;width:100%;height:100%}.order-item .item-image .placeholder-image{color:#666;font-size:.875rem}.order-item .item-details{flex-direction:column;justify-content:center;gap:.5rem;min-width:0;display:flex}.order-item .item-details h4{color:#333;word-wrap:break-word;margin:0;font-size:1.125rem;font-weight:600}@media (max-width:768px){.order-item .item-details h4{font-size:1rem}}.order-item .item-details .item-meta,.order-item .item-details .item-sku{color:#666;word-wrap:break-word;margin:0;font-size:.9rem}@media (max-width:768px){.order-item .item-details .item-meta,.order-item .item-details .item-sku{font-size:.85rem}}.order-item .item-price{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:.25rem;display:flex}.order-item .item-price .total-price{color:#1246ab;white-space:nowrap;font-size:1.25rem;font-weight:700}@media (max-width:768px){.order-item .item-price .total-price{font-size:1.1rem}}.order-item .item-price .unit-price{color:#666;white-space:nowrap;font-size:.875rem}@media (max-width:768px){.order-item .item-price .unit-price{font-size:.8rem}.order-item{grid-template-rows:auto auto;grid-template-columns:70px 1fr;gap:1rem;padding:1rem}.order-item .item-image{grid-row:1/3;width:70px;height:70px}.order-item .item-details{align-self:start}.order-item .item-price{border-top:1px solid #e0e0e0;flex-direction:row;grid-area:2/2;justify-content:space-between;align-items:center;width:100%;padding-top:.75rem}}.order-totals{background:#f8f9fa;border-radius:8px;max-width:500px;margin-left:auto;padding:1.5rem}.order-totals .total-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.order-totals .total-row:last-child{border-bottom:none}.order-totals .total-row span:first-child{color:#666;font-weight:500}.order-totals .total-row span:last-child{color:#333;font-size:1.05rem;font-weight:600}.order-totals .total-row.discount,.order-totals .total-row.discount span{color:#28a745}.order-totals .total-row.total-final{border-top:2px solid #1246ab;margin-top:.5rem;padding-top:1rem}.order-totals .total-row.total-final span{color:#1246ab;font-size:1.5rem;font-weight:700}@media (max-width:768px){.order-totals{max-width:100%;margin:0}}.address-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (max-width:768px){.address-grid{grid-template-columns:1fr;gap:1.5rem}}.address-card{background:#f8f9fa;border-left:4px solid #1246ab;border-radius:8px;padding:1.5rem}.address-card h4{color:#333;margin:0 0 1rem;font-size:1.125rem;font-weight:700}.address-card .address-details p{color:#666;margin:.5rem 0;line-height:1.6}.address-card .address-details p.name{color:#333;margin-bottom:.75rem;font-size:1.05rem;font-weight:600}.address-card .address-details p.contact{color:#1246ab;font-weight:500}.payment-info{background:#f8f9fa;border-radius:8px;padding:1.5rem}.payment-info .info-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.payment-info .info-row:last-child{border-bottom:none}.payment-info .info-row .label{color:#666;font-weight:500}.payment-info .info-row .value{color:#333;font-weight:600}@media (max-width:768px){.payment-info .info-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.customer-note{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1.25rem}.customer-note p{color:#856404;margin:0;font-style:italic;line-height:1.6}.action-buttons{background:#f8f9fa;justify-content:center;gap:1rem;padding:2rem;display:flex}.action-buttons .home-button,.action-buttons .print-button{cursor:pointer;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.action-buttons .home-button{color:#fff;background:#1246ab}.action-buttons .home-button:hover{background:#0d337d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-buttons .print-button{color:#1246ab;background:#fff;border:2px solid #1246ab}.action-buttons .print-button:hover{color:#fff;background:#1246ab;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:768px){.action-buttons{flex-direction:column}.action-buttons .home-button,.action-buttons .print-button{width:100%}}.help-section{text-align:center;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);padding:2rem}.help-section h4{color:#333;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.help-section p{color:#666;margin:0;line-height:1.6}.help-section p a{color:#1246ab;font-weight:600;text-decoration:none;transition:all .3s}.help-section p a:hover{color:#0b2a66;text-decoration:underline}@media print{.order-details-container{background:#fff;padding:0}.order-details-content{box-shadow:none}.action-buttons,.help-section{display:none}.order-heading{print-color-adjust:exact;-webkit-print-color-adjust:exact;background:#1246ab}.payment-confirmation-card,.order-item{page-break-inside:avoid}}@media (max-width:576px){.order-details-content{border-radius:0}.order-section{overflow-x:auto}img{max-width:100%;height:auto}*{word-wrap:break-word;overflow-wrap:break-word}}@media (max-width:480px){.order-details-container{padding:0}.order-section{padding:1rem .75rem}.payment-confirmation-card{margin:1rem .5rem;padding:1rem .75rem}.action-buttons,.help-section{padding:1.5rem 1rem}}:focus-visible,a:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #1246ab}