.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}}
.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:var(--font-heading),"Montserrat",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);font-family:var(--font-body),"Open Sans",sans-serif;border-radius:.5rem;padding:.7rem 1rem;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:var(--font-body),"Open Sans",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%;max-width:100%;margin-bottom:15px;display:flex}.login .input{border:2px solid var(--accent-lt);font-size:var(--font-size-md);background-color:var(--bg-light,#fff);color:var(--text-color);border-radius:12px;width:100%;max-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{font-family:var(--font-body),"Open Sans",sans-serif;background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-dk) 100%);color:var(--bg-color);font-size:var(--font-size-button);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;width:100%;max-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);word-wrap:break-word;overflow-wrap:break-word;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;font-family:var(--font-body),"Open Sans",sans-serif;word-wrap:break-word;margin:0;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;font-weight:700;font-family:var(--font-body),"Open Sans",sans-serif;margin-left:4px;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;width:100%;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);word-wrap:break-word;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;max-width:100%;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;font-family:var(--font-body),"Open Sans",sans-serif;margin:0 0 6px;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;font-weight:600;font-family:var(--font-body),"Open Sans",sans-serif;background:0 0;border:none;align-items:center;gap:16px;padding:16px 24px;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:#000;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:#000;border-radius:8px;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.home-button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.order-heading{color:#fff;background:linear-gradient(135deg,#000 0% 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:#000;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:#000;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:#000;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 #000;margin-top:.5rem;padding-top:1rem}.order-totals .total-row.total-final span{color:#000;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 #000;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:#000;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:#000}.action-buttons .home-button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-buttons .print-button{color:#000;background:#fff;border:2px solid #000}.action-buttons .print-button:hover{color:#fff;background:#000;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:#000;font-weight:600;text-decoration:none;transition:all .3s}.help-section p a:hover{color:#000;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{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#000}.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 #000}
.settings{width:100%}.settings-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}@media (max-width:768px){.settings-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px;padding-bottom:15px}}.settings-header .page-title h1{color:var(--text-color);margin-bottom:5px;font-size:1.75rem;font-weight:600}@media (max-width:768px){.settings-header .page-title h1{font-size:1.5rem}}.settings-header .page-title p{color:var(--text-gray);font-size:.938rem}.settings-header .save-indicator{color:#fff;background:#10b981;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;animation:.3s slideInRight;display:flex}@media (max-width:768px){.settings-header .save-indicator{justify-content:center;width:100%}}.settings-header .save-indicator svg{width:16px;height:16px}.settings-content{grid-template-columns:240px 1fr;gap:30px;display:grid}@media (max-width:1024px){.settings-content{grid-template-columns:200px 1fr;gap:20px}}@media (max-width:768px){.settings-content{grid-template-columns:1fr;gap:0}}.settings-sidebar{flex-direction:column;gap:5px;display:flex}@media (max-width:768px){.settings-sidebar{flex-direction:row;gap:10px;margin-bottom:20px;padding-bottom:10px;overflow-x:auto}.settings-sidebar::-webkit-scrollbar{height:3px}.settings-sidebar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.settings-sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}}.settings-sidebar .section-tab{color:var(--text-color);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:.938rem;font-weight:500;transition:all .2s;display:flex}@media (max-width:768px){.settings-sidebar .section-tab{padding:10px 16px;font-size:.875rem}}.settings-sidebar .section-tab svg{color:var(--text-gray);flex-shrink:0;transition:color .2s}.settings-sidebar .section-tab:hover{background:var(--hover-color);color:var(--primary-color)}.settings-sidebar .section-tab:hover svg{color:var(--primary-color)}.settings-sidebar .section-tab.active{background:var(--primary-color);color:#fff}.settings-sidebar .section-tab.active svg{color:#fff}.settings-main{flex:1}.settings-section .section-header{margin-bottom:30px}@media (max-width:768px){.settings-section .section-header{margin-bottom:20px}}.settings-section .section-header h3{color:var(--text-color);margin-bottom:5px;font-size:1.25rem;font-weight:600}@media (max-width:768px){.settings-section .section-header h3{font-size:1.125rem}}.settings-section .section-header p{color:var(--text-gray);font-size:.938rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}@media (max-width:768px){.settings-grid{grid-template-columns:1fr;gap:15px}}.settings-actions{border-top:1px solid #f0f0f0;gap:15px;margin-top:30px;padding-top:30px;display:flex}@media (max-width:768px){.settings-actions{flex-direction:column;margin-top:20px;padding-top:20px}}.settings .setting-item{flex-direction:column;gap:8px;display:flex}.settings .setting-item .setting-label{color:var(--text-color);font-size:.875rem;font-weight:500}.settings .setting-item .setting-select,.settings .setting-item .setting-input{color:var(--text-color);background:var(--bg-light);border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:.938rem;transition:all .2s}.settings .setting-item .setting-select:focus,.settings .setting-item .setting-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1246ab1a}.settings .setting-item .setting-select:disabled,.settings .setting-item .setting-input:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.settings .setting-item .setting-description{color:var(--text-gray);margin-top:4px;font-size:.813rem}.settings .setting-toggle{background:var(--bg-light);cursor:pointer;border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}@media (max-width:768px){.settings .setting-toggle{padding:14px}}.settings .setting-toggle:hover{background:var(--hover-color);border-color:var(--accent-lt)}.settings .setting-toggle .setting-label{color:var(--text-color);font-size:.938rem;font-weight:500}.settings .setting-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.settings .setting-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--primary-color)}.settings .setting-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.settings .setting-toggle input[type=checkbox]:focus+.toggle-slider{box-shadow:0 0 0 3px #1246ab1a}.settings .setting-toggle .toggle-slider{background:#e0e0e0;border-radius:24px;flex-shrink:0;width:44px;height:24px;transition:all .3s;position:relative}.settings .setting-toggle .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.settings .notification-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}@media (max-width:768px){.settings .notification-grid{grid-template-columns:1fr;gap:20px}}.settings .notification-grid .notification-column h4{color:var(--text-color);border-bottom:2px solid var(--primary-color);margin-bottom:15px;padding-bottom:10px;font-size:1rem;font-weight:600}.settings .notification-grid .notification-column .setting-toggle{margin-bottom:10px}.settings .notification-grid .notification-column .setting-toggle:last-child{margin-bottom:0}.settings .privacy-grid{flex-direction:column;gap:12px;display:flex}.settings .privacy-grid .setting-toggle{flex-direction:column;align-items:flex-start;gap:10px}.settings .privacy-grid .setting-toggle .setting-info{flex:1}.settings .privacy-grid .setting-toggle .setting-info .setting-description{color:var(--text-gray);margin-top:4px;font-size:.813rem}.settings .privacy-grid .setting-toggle input[type=checkbox],.settings .privacy-grid .setting-toggle .toggle-slider{position:absolute;top:16px;right:16px}.settings .security-section{margin-bottom:30px}.settings .security-section:last-child{margin-bottom:0}.settings .security-section h4{color:var(--text-color);margin-bottom:15px;font-size:1.125rem;font-weight:600}.settings .security-section .security-item{background:var(--bg-light);border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding:20px;display:flex}@media (max-width:768px){.settings .security-section .security-item{flex-direction:column;gap:15px}}.settings .security-section .security-item .security-info{flex:1}.settings .security-section .security-item .security-info h5{color:var(--text-color);margin-bottom:5px;font-size:1rem;font-weight:600}.settings .security-section .security-item .security-info p{color:var(--text-gray);font-size:.875rem;line-height:1.5}.settings .security-section .security-item .security-info .security-status{border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:.813rem;font-weight:500;display:inline-flex}.settings .security-section .security-item .security-info .security-status.enabled{color:#10b981;background:#10b9811a}.settings .security-section .security-item .security-info .security-status.disabled{color:var(--warn-color);background:#ad30301a}.settings .security-section .security-item .security-action{flex-shrink:0}@media (max-width:768px){.settings .security-section .security-item .security-action{width:100%}}.settings .security-section .password-form{background:var(--bg-light);border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;gap:20px;padding:25px;display:flex}@media (max-width:768px){.settings .security-section .password-form{gap:15px;padding:20px}}.settings .security-section .password-form .form-group{flex-direction:column;gap:8px;display:flex}.settings .security-section .password-form .form-group label{color:var(--text-color);font-size:.875rem;font-weight:500}.settings .security-section .password-form .form-group .input-wrapper{position:relative}.settings .security-section .password-form .form-group .input-wrapper input{width:100%;color:var(--text-color);background:var(--bg-light);border:1px solid #e0e0e0;border-radius:8px;padding:12px 45px 12px 16px;font-size:.938rem;transition:all .2s}.settings .security-section .password-form .form-group .input-wrapper input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1246ab1a}.settings .security-section .password-form .form-group .input-wrapper input.error{border-color:var(--warn-color)}.settings .security-section .password-form .form-group .input-wrapper .toggle-password{color:var(--text-gray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.settings .security-section .password-form .form-group .input-wrapper .toggle-password:hover{color:var(--primary-color)}.settings .security-section .password-form .form-group .error-message{color:var(--warn-color);align-items:center;gap:5px;font-size:.813rem;display:flex}.settings .security-section .password-form .form-group .error-message svg{width:14px;height:14px}.settings .security-section .password-form .password-requirements{background:var(--hover-color);border-radius:8px;margin-top:5px;padding:15px}.settings .security-section .password-form .password-requirements h6{color:var(--text-color);margin-bottom:10px;font-size:.875rem;font-weight:600}.settings .security-section .password-form .password-requirements ul{flex-direction:column;gap:6px;list-style:none;display:flex}.settings .security-section .password-form .password-requirements ul li{color:var(--text-gray);align-items:center;gap:8px;font-size:.813rem;display:flex}.settings .security-section .password-form .password-requirements ul li:before{content:"•";color:var(--primary-color);font-weight:700}.settings .data-actions{flex-direction:column;gap:20px;display:flex}.settings .data-actions .action-card{background:var(--bg-light);border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:center;padding:25px;transition:all .2s;display:flex}@media (max-width:768px){.settings .data-actions .action-card{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}}.settings .data-actions .action-card:hover{border-color:var(--accent-lt);box-shadow:0 2px 8px #0000000d}.settings .data-actions .action-card.danger{border-color:#ad303033}.settings .data-actions .action-card.danger:hover{border-color:var(--warn-color);background:#ad303005}.settings .data-actions .action-card .action-info{flex:1}.settings .data-actions .action-card .action-info h4{color:var(--text-color);margin-bottom:5px;font-size:1.125rem;font-weight:600}.settings .data-actions .action-card .action-info p{color:var(--text-gray);font-size:.875rem;line-height:1.5}.settings .data-actions .action-card button{flex-shrink:0}@media (max-width:768px){.settings .data-actions .action-card button{width:100%}}.settings .btn-primary,.settings .btn-secondary,.settings .btn-danger{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.938rem;font-weight:500;transition:all .2s;display:inline-flex}@media (max-width:768px){.settings .btn-primary,.settings .btn-secondary,.settings .btn-danger{padding:10px 20px;font-size:.875rem}}.settings .btn-primary svg,.settings .btn-secondary svg,.settings .btn-danger svg{width:16px;height:16px}.settings .btn-primary:disabled,.settings .btn-secondary:disabled,.settings .btn-danger:disabled{opacity:.6;cursor:not-allowed}.settings .btn-primary{background:var(--primary-color);color:#fff}.settings .btn-primary:hover:not(:disabled){background:#0d3580;transform:translateY(-1px);box-shadow:0 4px 12px #1246ab4d}.settings .btn-primary:active:not(:disabled){transform:translateY(0)}.settings .btn-secondary{background:var(--hover-color);color:var(--primary-color);border:1px solid var(--accent-lt)}.settings .btn-secondary:hover:not(:disabled){background:var(--accent-lt);border-color:var(--accent-md)}.settings .btn-danger{background:var(--warn-color);color:#fff}.settings .btn-danger:hover:not(:disabled){background:#b83030;transform:translateY(-1px);box-shadow:0 4px 12px #ad30304d}.settings .btn-danger:active:not(:disabled){transform:translateY(0)}.settings .loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.settings .loading-spinner.small{width:14px;height:14px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}
.terms-container{background-color:var(--bg-color);min-height:100vh;margin-top:3em;padding:2rem 0}.terms-container .terms-header{background:var(--primary-color);color:#fff;text-align:center;margin-bottom:3rem;padding:3rem 2rem}.terms-container .terms-header h1{font-size:var(--font-size-h1);margin-bottom:.5rem;font-weight:700}.terms-container .terms-header .last-updated{font-size:var(--font-size-md);opacity:.9;font-weight:300}.terms-container .terms-content{background-color:var(--bg-light);border-radius:8px;max-width:900px;margin:0 auto;padding:0 2rem 3rem;box-shadow:0 2px 12px #0000000d}.terms-container .terms-content .terms-section{border-bottom:1px solid var(--accent-lt);padding:2rem 0}.terms-container .terms-content .terms-section.intro{border-bottom:2px solid var(--primary-color)}.terms-container .terms-content .terms-section.intro .important-notice{background-color:var(--hover-color);border-left:4px solid var(--primary-color);border-radius:6px;margin-top:1.5rem;padding:1.5rem}.terms-container .terms-content .terms-section.intro .important-notice strong{color:var(--primary-color);font-weight:600}.terms-container .terms-content .terms-section.contact-section{background:linear-gradient(135deg, var(--accent-lt) 0%, var(--bg-light) 100%);border-radius:8px;margin-top:1rem;padding:2rem}.terms-container .terms-content .terms-section:last-child{border-bottom:none;padding-bottom:1rem}.terms-container .terms-content .terms-section h2{font-size:var(--font-size-h2);color:var(--primary-color);margin-bottom:1.5rem;font-weight:600}.terms-container .terms-content .terms-section h3{font-size:var(--font-size-h3);color:var(--text-color);margin:1.5rem 0 1rem;font-weight:600}.terms-container .terms-content .terms-section p{font-size:var(--font-size-p);color:var(--text-color);text-align:justify;margin-bottom:1rem;line-height:1.8}.terms-container .terms-content .terms-section p:last-child{margin-bottom:0}.terms-container .terms-content .terms-section p a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.terms-container .terms-content .terms-section p a:hover{color:var(--accent-dk);text-decoration:underline}.terms-container .terms-content .terms-section p strong{color:var(--text-color);font-weight:600}.terms-container .terms-content .terms-section ul{margin:1rem 0 1rem 2rem;padding:0}.terms-container .terms-content .terms-section ul li{font-size:var(--font-size-p);color:var(--text-color);margin-bottom:.5rem;line-height:1.8;list-style-type:disc}.terms-container .terms-content .terms-section ul li:last-child{margin-bottom:0}.terms-container .terms-content .terms-section .contact-details{background-color:var(--bg-color);border-left:4px solid var(--primary-color);border-radius:6px;margin-top:1rem;padding:1.5rem}.terms-container .terms-content .terms-section .contact-details p{text-align:left;margin-bottom:.5rem}.terms-container .terms-content .terms-section .contact-details p strong{color:var(--primary-color)}.terms-container .terms-content .terms-section .contact-details p:last-child{margin-bottom:0}@media (max-width:768px){.terms-container{margin-top:7.5em;padding:1rem 0}.terms-container .terms-header{margin-bottom:2rem;padding:2rem 1.5rem}.terms-container .terms-header h1{font-size:var(--font-size-h2)}.terms-container .terms-content{box-shadow:none;border-radius:0;padding:0 1.5rem 2rem}.terms-container .terms-content .terms-section{padding:1.5rem 0}.terms-container .terms-content .terms-section h2{font-size:var(--font-size-h3)}.terms-container .terms-content .terms-section h3{font-size:var(--font-size-h4)}.terms-container .terms-content .terms-section p{text-align:left}.terms-container .terms-content .terms-section ul{margin-left:1.5rem}.terms-container{margin-top:6.5em}}
.privacy-container{background-color:var(--bg-color);min-height:100vh;margin-top:3em;padding:2rem 0}.privacy-container .privacy-header{background:var(--primary-color);color:#fff;text-align:center;margin-bottom:3rem;padding:3rem 2rem}.privacy-container .privacy-header h1{font-size:var(--font-size-h1);margin-bottom:.5rem;font-weight:700}.privacy-container .privacy-header .subtitle{font-size:var(--font-size-h4);opacity:.95;margin:0;font-weight:400}.privacy-container .privacy-content{background-color:var(--bg-light);border-radius:8px;max-width:900px;margin:0 auto;padding:0 2rem 3rem;box-shadow:0 2px 12px #0000000d}.privacy-container .privacy-content .privacy-section{border-bottom:1px solid var(--accent-lt);padding:2rem 0}.privacy-container .privacy-content .privacy-section.intro{text-align:center;border-bottom:2px solid var(--primary-color);padding:2.5rem 0}.privacy-container .privacy-content .privacy-section.intro h2{font-size:var(--font-size-h2);color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.privacy-container .privacy-content .privacy-section.contact-section,.privacy-container .privacy-content .privacy-section.regulatory-section{background:var(--hover-color);border-radius:8px;margin-top:1rem;padding:2rem}.privacy-container .privacy-content .privacy-section:last-child{border-bottom:none;padding-bottom:1rem}.privacy-container .privacy-content .privacy-section h3{font-size:var(--font-size-h3);color:var(--text-color);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-weight:600;display:flex}.privacy-container .privacy-content .privacy-section h3 .section-number{color:var(--primary-color);font-weight:700;font-size:calc(var(--font-size-h3)*1.1)}.privacy-container .privacy-content .privacy-section p{font-size:var(--font-size-p);color:var(--text-color);text-align:justify;margin-bottom:1rem;line-height:1.8}.privacy-container .privacy-content .privacy-section p:last-child{margin-bottom:0}.privacy-container .privacy-content .privacy-section p a{color:var(--primary-color);word-break:break-all;font-weight:500;text-decoration:none;transition:color .3s}.privacy-container .privacy-content .privacy-section p a:hover{color:var(--accent-dk);text-decoration:underline}.privacy-container .privacy-content .privacy-section p strong{color:var(--primary-color);font-weight:600}.privacy-container .privacy-content .privacy-section ul{margin:1rem 0 1rem 2rem;padding:0}.privacy-container .privacy-content .privacy-section ul li{font-size:var(--font-size-p);color:var(--text-color);margin-bottom:.75rem;line-height:1.8;list-style-type:disc}.privacy-container .privacy-content .privacy-section ul li:last-child{margin-bottom:0}.privacy-container .privacy-content .privacy-section ul li strong{color:var(--primary-color);font-weight:600}.privacy-container .privacy-content .privacy-section .important-note{background-color:var(--hover-color);border-left:4px solid var(--primary-color);border-radius:6px;margin-top:1.5rem;padding:1.5rem}.privacy-container .privacy-content .privacy-section .important-note p{text-align:left;margin-bottom:1rem}.privacy-container .privacy-content .privacy-section .important-note p strong{color:var(--primary-color);margin-bottom:.5rem;font-weight:600;display:block}.privacy-container .privacy-content .privacy-section .important-note ul{margin-top:.5rem;margin-bottom:0}.privacy-container .privacy-content .privacy-section .important-note ul li{margin-bottom:.75rem}.privacy-container .privacy-content .privacy-section .important-note ul li:last-child{margin-bottom:0}.privacy-container .privacy-content .privacy-section .contact-details{background-color:var(--bg-color);border-left:4px solid var(--primary-color);border-radius:6px;margin-top:1rem;padding:1.5rem}.privacy-container .privacy-content .privacy-section .contact-details p{text-align:left;margin-bottom:.5rem}.privacy-container .privacy-content .privacy-section .contact-details p strong{color:var(--primary-color);margin-bottom:.25rem;display:block}.privacy-container .privacy-content .privacy-section .contact-details p:last-child{margin-bottom:0}@media (max-width:768px){.privacy-container{margin-top:7.5em;padding:1rem 0}.privacy-container .privacy-header{margin-bottom:2rem;padding:2rem 1.5rem}.privacy-container .privacy-header h1{font-size:var(--font-size-h2)}.privacy-container .privacy-header .subtitle{font-size:var(--font-size-p)}.privacy-container .privacy-content{box-shadow:none;border-radius:0;padding:0 1.5rem 2rem}.privacy-container .privacy-content .privacy-section{padding:1.5rem 0}.privacy-container .privacy-content .privacy-section.intro{padding:2rem 0}.privacy-container .privacy-content .privacy-section.intro h2{font-size:var(--font-size-h3)}.privacy-container .privacy-content .privacy-section.contact-section,.privacy-container .privacy-content .privacy-section.regulatory-section{padding:1.5rem}.privacy-container .privacy-content .privacy-section h3{font-size:var(--font-size-h4);flex-direction:column;align-items:flex-start;gap:.5rem}.privacy-container .privacy-content .privacy-section h3 .section-number{font-size:var(--font-size-h3)}.privacy-container .privacy-content .privacy-section p{text-align:left}.privacy-container .privacy-content .privacy-section ul{margin-left:1.5rem}.privacy-container .privacy-content .privacy-section .important-note{padding:1.25rem}}@media (max-width:480px){.privacy-container{margin-top:6.5em}}
.consent-banner-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;padding:.5rem;animation:.3s ease-in fadeIn;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.consent-banner-overlay{padding:1rem}}.consent-banner{background:var(--bg-light);border-radius:8px;max-width:1200px;margin:0 auto;animation:.4s ease-out slideUp;box-shadow:0 4px 20px #00000026}@media (min-width:768px){.consent-banner{border-radius:12px}}.consent-banner__content{padding:1rem}@media (min-width:768px){.consent-banner__content{padding:1rem}}.consent-banner__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}@media (min-width:768px){.consent-banner__header{margin-bottom:1rem}}.consent-banner__header h3{font-size:var(--font-size-p);color:var(--primary-color);margin:0;font-weight:600;line-height:1.3}.consent-banner__close{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.consent-banner__close:hover{background:var(--hover-color);color:var(--primary-color)}.consent-banner__close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.consent-banner__body{margin-bottom:1rem}@media (min-width:768px){.consent-banner__body{margin-bottom:1.25rem}}.consent-banner__body p{font-size:var(--font-size-md);color:var(--text-color);margin-bottom:.5rem;line-height:1.5}.consent-banner__body p:last-child{margin-bottom:0}.consent-banner__body--scrollable{max-height:50vh;padding-right:.5rem;overflow-y:auto}.consent-banner__body--scrollable::-webkit-scrollbar{width:5px}.consent-banner__body--scrollable::-webkit-scrollbar-track{background:var(--bg-color);border-radius:3px}.consent-banner__body--scrollable::-webkit-scrollbar-thumb{background:var(--accent-md);border-radius:3px}.consent-banner__body--scrollable::-webkit-scrollbar-thumb:hover{background:var(--accent-dk)}.consent-banner__links{font-size:var(--font-size-md);color:var(--text-gray)}.consent-banner__links a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s}.consent-banner__links a:hover{color:var(--accent-dk);text-decoration:underline}.consent-banner__links a:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.consent-banner__actions{flex-direction:column-reverse;gap:.5rem;display:flex}@media (min-width:640px){.consent-banner__actions{flex-direction:row;justify-content:flex-end;gap:.75rem}}.consent-banner__button{font-family:var(--font-body),"Open Sans",sans-serif;font-size:var(--font-size-button);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .2s}@media (min-width:640px){.consent-banner__button{padding:.75rem 1.5rem}}.consent-banner__button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.consent-banner__button--primary{background:var(--primary-color);color:#fff}.consent-banner__button--primary:hover{background:var(--accent-dk);transform:translateY(-1px);box-shadow:0 4px 12px #1246ab4d}.consent-banner__button--primary:active{transform:translateY(0)}.consent-banner__button--secondary{background:var(--bg-color);color:var(--text-color);border:2px solid var(--accent-lt)}.consent-banner__button--secondary:hover{background:var(--hover-color);border-color:var(--accent-md)}.consent-banner__button--tertiary{color:var(--primary-color);border:2px solid var(--primary-color);background:#fff}.consent-banner__button--tertiary:hover{background:var(--hover-color);border-color:var(--accent-dk)}.consent-banner__option{background:var(--bg-color);border-radius:6px;margin-bottom:.75rem;padding:1rem;transition:all .2s}.consent-banner__option:last-child{margin-bottom:0}.consent-banner__option:hover{background:var(--hover-color)}.consent-banner__option-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.consent-banner__checkbox-label{cursor:pointer;flex:1;align-items:center;display:flex}.consent-banner__checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color);flex-shrink:0;margin-right:.625rem}.consent-banner__checkbox:disabled{cursor:not-allowed;opacity:.5}.consent-banner__checkbox:focus{outline:2px solid var(--primary-color);outline-offset:2px}.consent-banner__option-title{font-size:var(--font-size-md);color:var(--text-color);font-weight:600;line-height:1.3}.consent-banner__badge{font-size:var(--font-size-xs);color:var(--primary-color);background:var(--accent-lt);text-transform:uppercase;letter-spacing:.3px;border-radius:10px;flex-shrink:0;margin-left:.5rem;padding:.2rem .6rem;font-weight:600}.consent-banner__option-desc{font-size:var(--font-size-md);color:var(--text-gray);margin:0;padding-left:1.625rem;line-height:1.4}@media (max-width:639px){.consent-banner__option-desc{margin-top:.5rem;padding-left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
.app-root{font-family:var(--font-body),"Open Sans","Segoe UI",sans-serif;color:#4a5560;min-height:100vh}.kley-section{padding-block:clamp(3rem,7vw,5.5rem)}.kley-section--tint{background:#fff}.kley-section--flush-top{padding-top:0}.kley-section--navy{color:#ffffffdb;background:#0b2545}.kley-section--navy h2,.kley-section--navy h3{color:#fff}.kley-section-head{max-width:46rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.kley-section-head .kley-eyebrow{margin-bottom:.6rem}.kley-section-head h2{margin-bottom:.6rem;font-size:clamp(1.6rem,3.2vw,2.4rem)}.kley-section-head p{font-size:1.05rem}.kley-section-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;max-width:none;display:flex}.kley-eyebrow{font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0b7480;font-size:.8rem;font-weight:700;display:inline-block}.kley-section--navy .kley-eyebrow,.kley-hero .kley-eyebrow{color:#13a8b8}.kley-link{color:#0b7480;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;align-items:center;gap:.35rem;font-weight:700;text-decoration:none;display:inline-flex}.kley-link:hover{text-underline-offset:3px;text-decoration:underline}.kley-chip{color:#fff;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;background:#0b2545;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.kley-chip--link{color:#0b2545;background:#e6f6f8;border:1px solid #13a8b873}.kley-chip--link:hover{color:#0b2545;background:#13a8b8}.kley-badge{font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;letter-spacing:.04em;white-space:nowrap;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.kley-badge--tds{color:#fff;background:#0b2545}.kley-badge--sds{color:#9a3a0b;border:1.5px solid #d45514}.kley-badge--method{color:#0b7480;background:#e6f6f8}.kley-field{flex-direction:column;gap:.4rem;display:flex}.kley-field>label,.kley-field__label{font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;color:#0b2545;font-size:.9rem;font-weight:600}.kley-field input:not([type=radio]):not([type=checkbox]):not([type=file]),.kley-field select,.kley-field textarea{color:#0b2545;width:100%;min-height:48px;font:inherit;background:#fff;border:1.5px solid #dce3e8;border-radius:6px;padding:.7rem .9rem;font-size:1rem}.kley-field input:not([type=radio]):not([type=checkbox]):not([type=file]):hover,.kley-field select:hover,.kley-field textarea:hover{border-color:#b9c6d0}.kley-field input:not([type=radio]):not([type=checkbox]):not([type=file]):focus-visible,.kley-field select:focus-visible,.kley-field textarea:focus-visible{border-color:#0b7480;outline:none;box-shadow:0 0 0 3px #13a8b859}.kley-field input:not([type=radio]):not([type=checkbox]):not([type=file])[aria-invalid=true],.kley-field select[aria-invalid=true],.kley-field textarea[aria-invalid=true]{border-color:#b42318}.kley-field textarea{resize:vertical;min-height:120px}.kley-field__error{color:#b42318;font-size:.85rem;font-weight:600}.kley-field__hint{color:#6b7682;font-size:.85rem}.kley-form-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:6px;padding:.85rem 1rem;font-weight:600}.kley-radio-card{color:#0b2545;text-align:center;min-height:96px;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;cursor:pointer;background:#fff;border:1.5px solid #dce3e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:.85rem .5rem;font-size:.85rem;font-weight:600;display:flex;position:relative}.kley-radio-card svg{color:#0b7480}.kley-radio-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.kley-radio-card:hover{border-color:#13a8b8}.kley-radio-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #13a8b8}.kley-radio-card.is-selected{color:#fff;background:#0b2545;border-color:#0b2545}.kley-radio-card.is-selected svg{color:#13a8b8}.kley-segmented{border:0;grid-template-columns:1fr 1fr;align-self:end;gap:0;display:grid}.kley-segmented legend{font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;color:#0b2545;grid-column:1/-1;margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:600}.kley-segmented label{color:#0b2545;min-height:48px;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #dce3e8;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex;position:relative}.kley-segmented label:first-of-type{border-radius:6px 0 0 6px}.kley-segmented label:last-of-type{border-left:0;border-radius:0 6px 6px 0}.kley-segmented label input{opacity:0;cursor:pointer;position:absolute;inset:0}.kley-segmented label:has(input:focus-visible){outline-offset:2px;z-index:1;outline:3px solid #13a8b8}.kley-segmented label.is-selected{color:#fff;background:#0b2545;border-color:#0b2545}.kley-whatsapp-fab{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:900;color:#fff;background:#25d366;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;box-shadow:0 10px 28px #00000038}.kley-whatsapp-fab svg{width:30px;height:30px}@media (prefers-reduced-motion:no-preference){.kley-whatsapp-fab{transition:transform .2s}.kley-whatsapp-fab:hover{transform:scale(1.07)}}.kley-problem-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;list-style:none;display:grid}.kley-problem-tile{color:#4a5560;background:#fff;border:1px solid #dce3e8;border-radius:20px;flex-direction:column;gap:.55rem;height:100%;padding:1.4rem 1.25rem 1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.kley-problem-tile:after{content:"";background:#13a8b8;height:4px;position:absolute;inset:auto 0 0}.kley-problem-tile__icon{color:#0b7480;background:#e6f6f8;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:.25rem;display:grid}.kley-problem-tile__title{font-size:1.1rem}.kley-problem-tile p{flex:1;font-size:.92rem}.kley-problem-tile__cta{color:#0b7480;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:no-preference){.kley-problem-tile{transition:transform .22s,box-shadow .22s}.kley-problem-tile:after{transition:height .3s}.kley-problem-tile:hover{transform:translateY(-4px);box-shadow:0 18px 48px #0b254529}.kley-problem-tile:hover:after{height:8px}}.kley-trust{color:#ffffffd1;background:#0b2545;padding-block:2.25rem}.kley-trust__list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem 2rem;list-style:none;display:grid}.kley-trust__list li{align-items:flex-start;gap:.9rem;display:flex}.kley-trust__list svg{color:#13a8b8;flex-shrink:0}.kley-trust__list strong{color:#fff;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;margin-bottom:.15rem;font-size:1rem;display:block}.kley-trust__list span{font-size:.9rem}.kley-trust__mpesa{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;padding:4px 6px}.kley-cta-band{color:#0b2545;background:#f26b21;padding-block:clamp(2.5rem,6vw,4rem)}.kley-cta-band__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;display:flex}.kley-cta-band h2{color:#0b2545;font-family:var(--font-display),"Archivo Black",Impact,sans-serif;margin-bottom:.4rem;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:400}.kley-cta-band p{color:#0b2545;max-width:38rem;font-size:1.05rem}.kley-cta-band__actions{flex-wrap:wrap;gap:.75rem;display:flex}.kley-steps{counter-reset:none;gap:0;list-style:none;display:grid}.kley-steps__item{grid-template-columns:56px 1fr;gap:1.25rem;padding-bottom:2rem;display:grid;position:relative}.kley-steps__item:not(:last-child):before{content:"";background:repeating-linear-gradient(#13a8b8 0 6px,#0000 6px 12px);width:2px;position:absolute;top:56px;bottom:0;left:27px}.kley-steps__item h3{margin:.75rem 0 .35rem;font-size:1.15rem}.kley-steps__num{color:#fff;width:56px;height:56px;font-family:var(--font-display),"Archivo Black",Impact,sans-serif;background:#0b2545;border-radius:50%;place-items:center;font-size:1.35rem;display:grid;box-shadow:0 0 0 6px #e6f6f8}.kley-steps__products{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;list-style:none;display:flex}.kley-datasheets{gap:.6rem;list-style:none;display:grid}.kley-datasheets__item{background:#fff;border:1px solid #dce3e8;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.9rem;padding:.8rem 1rem;display:grid}@media (max-width:600px){.kley-datasheets__item{grid-template-columns:auto 1fr}.kley-datasheets__item .kley-badge{justify-self:start}.kley-datasheets__item .kley-datasheets__actions{grid-column:1/-1}}.kley-datasheets__actions{align-items:center;gap:.9rem;display:flex}.kley-datasheets__view{color:#0b7480;font-size:.9rem;font-weight:600}.kley-datasheets__icon{color:#b42318}.kley-datasheets__meta{flex-direction:column;min-width:0;display:flex}.kley-datasheets__title{color:#0b2545;overflow-wrap:anywhere;font-weight:600}.kley-datasheets__product{color:#6b7682;font-size:.85rem}.kley-before-after{margin:0}.kley-before-after__frame{aspect-ratio:4/3;background:#0b2545;border-radius:20px;position:relative;overflow:hidden}.kley-before-after__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kley-before-after__divider{pointer-events:none;background:#fff;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0b254533}.kley-before-after__divider:after{content:"⟷";color:#0b2545;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0b254514}.kley-before-after__label{color:#fff;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;pointer-events:none;background:#0b2545d9;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:700;position:absolute;top:.9rem}.kley-before-after__label--before{left:.9rem}.kley-before-after__label--after{right:.9rem}.kley-before-after__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.kley-before-after__range:focus-visible+*{outline:none}.kley-before-after__frame:has(.kley-before-after__range:focus-visible){outline-offset:2px;outline:3px solid #13a8b8}.kley-project-card{background:#fff;border:1px solid #dce3e8;border-radius:20px;flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.kley-project-card__media{aspect-ratio:4/3;background:#0b2545;position:relative}.kley-project-card__media img{object-fit:cover;width:100%;height:100%;display:block}.kley-project-card__media .kley-chip{position:absolute;bottom:.8rem;left:.8rem}.kley-project-card__placeholder{background:radial-gradient(circle at 30% 30%,#13a8b859,#0000 55%),#0b2545;position:absolute;inset:0}.kley-project-card__body{padding:1rem 1.1rem 1.2rem}.kley-project-card__body h3{margin-bottom:.2rem;font-size:1.05rem}.kley-project-card__body p{color:#6b7682;font-size:.9rem}@media (prefers-reduced-motion:no-preference){.kley-project-card{transition:transform .22s,box-shadow .22s}.kley-project-card img{transition:transform .5s}.kley-project-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px #0b254529}.kley-project-card:hover img{transform:scale(1.04)}}.kley-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:1.25rem;list-style:none;display:grid}.kley-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.kley-filters button{color:#0b2545;min-height:40px;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;cursor:pointer;background:#fff;border:1.5px solid #dce3e8;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.kley-filters button:hover{border-color:#13a8b8}.kley-filters button[aria-pressed=true]{color:#fff;background:#0b2545;border-color:#0b2545}.kley-page-hero{color:#ffffffd9;background:#0b2545;padding-block:clamp(2.75rem,7vw,4.75rem);position:relative;overflow:hidden}.kley-page-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 100% 0,#13a8b847,#0000 60%),radial-gradient(40% 60% at 0 100%,#13a8b81f,#0000 60%);position:absolute;inset:0}.kley-page-hero .kley-container{position:relative}.kley-page-hero h1{color:#fff;font-family:var(--font-display),"Archivo Black",Impact,sans-serif;max-width:22ch;margin:.5rem 0 .9rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:400;line-height:1.08}.kley-page-hero p{max-width:42rem;font-size:1.1rem}.kley-crumbs{flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem;font-size:.85rem;list-style:none;display:flex}.kley-crumbs li:not(:last-child):after{content:"/";opacity:.6;margin-left:.4rem}.kley-crumbs a{color:#ffffffd9}.kley-crumbs [aria-current]{color:#fff;font-weight:600}.kley-toast{font-family:var(--font-body),"Open Sans","Segoe UI",sans-serif;color:#0b2545!important}.kley-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.kley-empty{text-align:center;background:#fff;border:1.5px dashed #dce3e8;border-radius:20px;padding:2.5rem 1.5rem}.kley-empty h3{margin-bottom:.4rem}.kley-empty p{margin-bottom:1.1rem}.kley-about{align-items:center;gap:2.5rem;display:grid}@media (min-width:900px){.kley-about{grid-template-columns:1.3fr .7fr;gap:4rem}}.kley-about__story{gap:1rem;display:grid}.kley-about__story h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}.kley-about__story p{font-size:1.05rem}.kley-about__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.kley-about__logo{justify-self:center}.kley-about__logo img{width:min(100%,300px);height:auto}.kley-values{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem;list-style:none;display:grid}.kley-values li{background:#f4f7f9;border:1px solid #dce3e8;border-radius:20px;padding:1.75rem 1.5rem}.kley-values svg{color:#0b7480;margin-bottom:.9rem}.kley-values h3{margin-bottom:.4rem;font-size:1.15rem}.kley-faq{gap:.75rem;max-width:52rem;display:grid}.kley-faq__item{background:#fff;border:1px solid #dce3e8;border-radius:12px}.kley-faq__item[open] .kley-faq__icon:after{transform:scaleY(0)}.kley-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;list-style:none;display:flex}.kley-faq summary::-webkit-details-marker{display:none}.kley-faq summary:focus-visible{outline-offset:2px;outline:3px solid #13a8b8}.kley-faq__q{color:#0b2545;font-family:var(--font-heading),"Montserrat","Segoe UI",sans-serif;margin:0;font-size:1.02rem;font-weight:700;line-height:1.35}.kley-faq__icon{flex-shrink:0;width:14px;height:14px;position:relative}.kley-faq__icon:before,.kley-faq__icon:after{content:"";background:#0b7480;border-radius:2px;transition:transform .2s;position:absolute}.kley-faq__icon:before{width:14px;height:2px;top:6px;left:0}.kley-faq__icon:after{width:2px;height:14px;top:0;left:6px}.kley-faq__a{max-width:46rem;margin:0;padding:0 1.25rem 1.2rem}