.profile-page{min-height:100vh;background-color:#f8fafc}.profile-container{max-width:1200px;margin:0 auto;min-height:100vh;padding:0 20px}.profile-main{width:100%;padding:24px 0;background:#f8fafc}.warehouse-premium{font-weight:700;color:#fbbf24}.content-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:0}.content-title{font-size:24px;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;gap:12px}.export-btn,.logout-btn,.topup-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#e74b3c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.export-btn:hover,.logout-btn:hover,.topup-btn:hover{background:#e9573f;transform:translateY(-1px)}.export-icon,.logout-icon{width:16px;height:16px}.loading-state,.profile-loading{padding:40px;font-size:16px}.empty-state,.loading-state,.profile-loading{display:flex;justify-content:center;align-items:center;color:#64748b}.empty-state{flex-direction:column;padding:60px 20px;text-align:center}.empty-icon{width:48px;height:48px;margin-bottom:16px;color:#cbd5e1}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#334155}.empty-state p{font-size:14px;margin:0;color:#64748b}.empty-cell,.loading-cell{text-align:center;padding:40px;color:#64748b}.balance-card,.bonus-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin:24px 32px;overflow:hidden}.balance-main,.bonus-main{padding:32px;border-bottom:1px solid #f1f5f9}.balance-amount,.bonus-amount{display:flex;align-items:center;gap:12px;margin-bottom:32px}.balance-main .balance-icon,.bonus-main .bonus-icon{width:48px!important;height:48px!important;color:#e74b3c!important}.amount{font-size:36px;font-weight:700;color:#1e293b}.currency{font-size:24px;font-weight:600;color:#64748b}.balance-description,.bonus-description{font-size:14px;color:#64748b;margin:24px 0 0;line-height:1.5}.bonus-info{padding:24px 32px}.bonus-info>*+*{margin-top:24px}.info-item h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#1e293b}.info-item ul{margin:0;padding-left:20px;color:#64748b;font-size:14px}.info-item li{margin-bottom:4px}.info-item p{margin:0 0 8px;color:#64748b;font-size:14px;line-height:1.5}.info-item strong{color:#e74b3c;font-weight:600}.filters-bar{padding:16px 32px;border-bottom:1px solid #e2e8f0}.filter-btn{font-size:14px}.filter-btn:hover{border-color:#e74b3c;color:#e74b3c}.orders-list{padding:24px 32px}.order-card{border-radius:8px;margin-bottom:16px;overflow:hidden}.order-header{align-items:center;padding:20px 24px}.order-info{display:flex;flex-direction:column;gap:8px}.order-id{font-size:16px;font-weight:600;margin:0;color:#1e293b}.order-meta{gap:16px}.order-date,.order-meta{display:flex;align-items:center}.order-date{gap:6px}.meta-icon{width:14px;height:14px}.order-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-orange{background:#fed7aa;color:#c2410c}.status-blue{background:#bfdbfe;color:#1d4ed8}.status-purple{background:#e0e7ff;color:#6366f1}.status-green{background:#bbf7d0;color:#15803d}.status-red{background:#e6fbfb;color:#e74b3c}.status-gray{background:#f1f5f9;color:#64748b}.order-actions{flex-direction:column;align-items:flex-end;gap:8px}.order-total{font-size:18px}.view-btn{padding:6px 12px;background:#e74b3c;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease}.view-btn:hover{background:#b91c1c;color:#fff}.order-items-preview{padding:0 24px 20px;display:flex;gap:16px;font-size:14px;color:#64748b}.balance-history{margin:24px 32px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.balance-history h3{font-size:18px;font-weight:600;margin:0;padding:24px 32px 0;color:#1e293b}.status-icon{width:16px;height:16px}.status-icon.success{color:#15803d}.status-icon.error{color:#e74b3c}.status-icon.warning{color:#ca8a04}.status.status-approved{background:#bbf7d0;color:#15803d}.status.status-rejected{background:#e6fbfb;color:#e74b3c}.status.status-pending{color:#dc2626}.status.status-completed{background:#bbf7d0;color:#15803d}.invoices-content{background:#fff;min-height:calc(100vh - 120px)}.invoices-filters{display:flex;align-items:flex-end;gap:20px;padding:20px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;overflow:hidden}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:14px;font-weight:500;color:#374151}.date-inputs{display:flex;align-items:center;gap:8px;max-width:240px}.date-input,.filter-input,.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.date-input{max-width:120px;flex-shrink:0}.date-input:focus,.filter-input:focus,.filter-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.invoices-table-container{overflow-x:auto;margin:0 32px}.invoices-table{width:100%;border-collapse:collapse;font-size:14px}.invoices-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.invoices-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.invoices-table tr:hover{background:#f9fafb}.invoice-link{color:#e74b3c;text-decoration:none;font-weight:500}.invoice-link:hover{text-decoration:underline}.received-status.yes{color:#15803d;font-weight:600}.received-status.no{color:#e74b3c;font-weight:600}.pagination{padding:20px 32px;background:#fff}.page-btn{border:1px solid #d1d5db;color:#374151;font-size:14px}.page-btn:hover{border-color:#e74b3c;color:#e74b3c}.page-btn:disabled{opacity:.5}.page-next{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.page-next:hover:not(:disabled){border-color:#e74b3c;color:#e74b3c}.page-size{border:1px solid #d1d5db}.page-size,.pagination-right{font-size:14px}.profile-info-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin:24px 32px;overflow:hidden}.profile-main-info{display:flex;align-items:center;gap:20px;padding:32px;border-bottom:1px solid #f1f5f9}.profile-avatar{width:80px;height:80px;background:#e74b3c;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{width:40px;height:40px;color:#fff}.profile-details h2{font-size:24px;font-weight:700;margin:0 0 8px;color:#1e293b}.profile-email{font-size:16px;color:#64748b;margin:0 0 4px}.profile-client-id{margin-top:8px}.client-id-label{font-size:12px;font-weight:600;color:#e74b3c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.client-id-value{font-size:14px;font-weight:600;color:#e74b3c}.profile-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;padding:32px}.profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease;width:100%;box-sizing:border-box}.profile-section:hover{box-shadow:0 4px 6px rgba(0,0,0,.07)}.profile-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;width:100%}.profile-section h3{font-size:18px;font-weight:600;margin:0;color:#1e293b;display:flex;align-items:center;gap:8px}.info-grid{display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:0}.info-item{flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.info-item:hover{background:#f1f5f9;border-color:#e74b3c}.info-item label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:16px;color:#1e293b;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-color:#e74b3c}.stat-value{font-size:28px;font-weight:700;color:#1e293b!important;display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.stat-label{font-size:13px;color:#64748b!important;display:block;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.referral-info{background:linear-gradient(135deg,#f8fafc,#e0f2f2);border-radius:12px;padding:24px;border:1px solid #e74b3c}.referral-code{margin-bottom:20px}.referral-code label{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.code-display{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e74b3c;border-radius:10px;box-shadow:0 2px 8px rgba(231,75,60,.1)}.code{font-size:18px;font-weight:700;color:#e74b3c;flex:1 1;letter-spacing:1px}.copy-btn{padding:10px 20px;background:#e74b3c;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#e9573f;transform:translateY(-2px);box-shadow:0 4px 8px rgba(231,75,60,.3)}.referral-description{font-size:14px;color:#475569;margin:0;line-height:1.6;padding:12px;background:hsla(0,0%,100%,.7);border-radius:8px}.role-badge,.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.role-retail{background:#dbeafe;color:#1d4ed8}.role-wholesale{background:#fef3c7;color:#d97706}.role-seller{background:#dcfce7;color:#16a34a}.role-admin{background:#e6fbfb;color:#e74b3c}.status-pending{color:#dc2626}.status-approved{background:#bbf7d0;color:#15803d}.status-rejected{background:#e6fbfb;color:#e74b3c}.status-indicator{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-indicator:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.status-indicator.text-orange-600,.status-indicator.text-yellow-600{background-color:#fef3c7;color:#d97706;border:1px solid #f59e0b}.status-indicator.text-orange-600:hover,.status-indicator.text-yellow-600:hover{background-color:#fde68a;border-color:#d97706}.status-indicator.text-blue-600{background-color:#dbeafe;color:#2563eb;border:1px solid #3b82f6}.status-indicator.text-blue-600:hover{background-color:#bfdbfe;border-color:#2563eb}.status-indicator.text-green-600{background-color:#dcfce7;color:#16a34a;border:1px solid #22c55e}.status-indicator.text-green-600:hover{background-color:#bbf7d0;border-color:#16a34a}.status-indicator.text-red-600{background-color:#fee2e2;color:#dc2626;border:1px solid #ef4444}.status-indicator.text-red-600:hover{background-color:#fecaca;border-color:#dc2626}.status-indicator.text-gray-600{background-color:#f3f4f6;color:#4b5563;border:1px solid #6b7280}.status-indicator.text-gray-600:hover{background-color:#e5e7eb;border-color:#4b5563}.status-indicator.text-emerald-600{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-indicator.text-emerald-600:hover{background-color:#a7f3d0;border-color:#065f46}.status-indicator.text-indigo-600{background-color:#e0e7ff;color:#4f46e5;border:1px solid #818cf8}.status-indicator.text-indigo-600:hover{background-color:#c7d2fe;border-color:#4f46e5}.status-text{font-weight:600;font-size:12px}.status-text.text-yellow-600{color:#d97706}.status-text.text-blue-600{color:#2563eb}.status-text.text-green-600{color:#16a34a}.status-text.text-red-600{color:#dc2626}.status-text.text-gray-600{color:#4b5563}.item-status{margin-top:4px}.status-comment{font-size:12px;color:#dc2626;font-weight:500}.modal-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.status-badge-accepted,.status-badge-confirmed,.status-badge-shipped{color:#f59e0b;background:#fef3c7}.status-badge-delivered,.status-badge-issued{color:#16a34a;background:#dcfce7}.status-badge-cancelled{color:#dc2626;background:#fee2e2}.status-badge-pending{color:#d97706;background:#fed7aa}.modal-overlay{background:rgba(0,0,0,.5);z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-content{max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-close{border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#334155}.comment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 15px;margin-bottom:10px}.comment-text{color:#111827;line-height:1.5}.order-details-grid{display:flex;flex-direction:column;gap:24px}.delivery-info-section,.order-info-section,.order-items-section{border:1px solid #e2e8f0;border-radius:8px;padding:16px}.delivery-info-section h3,.order-info-section h3,.order-items-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.info-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none}.info-item.full-width{flex-direction:column;align-items:flex-start;gap:4px}.info-label{font-size:14px;color:#64748b;font-weight:500}.info-value{font-size:14px;color:#1e293b;font-weight:600}.item-info{flex:1 1}.item-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.item-details{font-size:13px;color:#64748b}.item-quantities{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-price,.item-quantity{font-size:13px;color:#64748b}.item-total{font-size:14px;font-weight:600;color:#1e293b}.cart-archive-page{min-height:100vh;background:#f8fafc}.back-link{display:inline-flex;align-items:center;gap:8px;color:#dc2626;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:16px;transition:all .2s ease}.back-link:hover{color:#b91c1c}.browse-btn,.cart-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.cart-btn{background:#f8fafc;color:#374151;border:1px solid #d1d5db}.cart-btn:hover{background:#f3f4f6;color:#374151}.tab-button{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:#334155;background:#f8fafc}.tab-button.active{color:#dc2626;border-bottom-color:#e74b3c;font-weight:600}.orders-content{padding:20px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.order-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-info{flex:1 1}.order-date{font-size:14px;color:#64748b;margin:0}.order-status{flex-shrink:0}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;background:#f1f5f9}.order-details{margin-bottom:16px}.order-total{font-size:16px;font-weight:600;color:#1e293b;margin:0}.delivery-type{font-size:14px;font-weight:500;color:#334155;margin:0 0 4px}.order-actions{display:flex;gap:12px;justify-content:flex-end}.btn-icon{width:16px;height:16px}.positions-table-container{overflow-x:auto;background:#fff;border-radius:12px;width:100%;box-sizing:border-box;margin:0;padding:1px}.positions-table{width:auto;min-width:100%;border-collapse:collapse;table-layout:auto;border:1px solid #e2e8f0}.positions-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.positions-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#475569;white-space:nowrap;min-width:80px}.positions-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155;min-width:80px}.positions-table tr:last-child td{border-bottom:none}.positions-table tr:hover{background:#f8fafc}.manager-access{text-align:center;padding:20px}.manager-panel-link{display:inline-flex;align-items:center;justify-content:center;background:#cc3d3d;color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(204,61,61,.25)}.manager-panel-link:hover{background:#88000d;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(204,61,61,.35)}.manager-description{margin-top:12px;color:#64748b;font-size:14px;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}.password-change-form{margin-top:1rem}.change-password-btn{transition:all .2s ease}.change-password-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(231,75,60,.3)}@media (max-width:1024px){.profile-info-card{margin-left:0;margin-right:0}}@media (max-width:768px){.logout-btn{display:flex!important}.edit-profile-btn{padding:.5rem .8rem!important;font-size:13px!important;gap:.3rem!important}.edit-btn-text{display:none}.edit-profile-btn svg{width:16px!important;height:16px!important}}@media (min-width:769px){.logout-btn{display:none!important}}@media (min-width:1200px){.profile-grid{grid-template-columns:1fr;gap:24px;padding:40px}.profile-main-info{padding:40px}.profile-section .info-grid{grid-template-columns:repeat(3,1fr)!important}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1199px){.profile-section .info-grid{grid-template-columns:repeat(3,1fr)!important}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:769px) and (max-width:899px){.profile-grid{grid-template-columns:1fr;gap:20px;padding:24px}.profile-main-info{padding:24px;gap:16px}.profile-details h2{font-size:20px}.profile-email{font-size:14px}.profile-section .info-grid{grid-template-columns:repeat(2,1fr)!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:18px}.stat-value{font-size:24px}.invoices-filters{gap:16px;padding:16px 20px;flex-wrap:wrap}.filter-group{flex:1 1;min-width:140px;max-width:200px}.filter-group:first-child{max-width:250px}.date-inputs{gap:6px;width:100%}}@media (min-width:769px) and (max-width:1023px){.profile-main-info{flex-direction:column;text-align:center;padding:20px;gap:12px}.profile-avatar{align-self:center;margin-bottom:8px}.profile-details h2{font-size:18px}.profile-grid{gap:16px;padding:20px}.info-grid,.profile-grid{grid-template-columns:1fr}.info-grid{gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-section{padding:16px}}@media (max-width:768px){.content-header,.profile-container{flex-direction:column}.content-header{align-items:stretch;gap:12px;padding:16px 20px}.content-header .content-title{font-size:20px}.content-header .header-actions{flex-wrap:wrap;gap:8px}.content-header .header-actions .export-btn,.content-header .header-actions .logout-btn,.content-header .header-actions .topup-btn{flex:1 1 auto;justify-content:center;min-width:0;white-space:nowrap}.orders-list{padding:16px 20px}.order-header{flex-direction:column;align-items:flex-start;gap:12px}.balance-card,.bonus-card{margin:16px;border-radius:8px}.balance-main,.bonus-main{padding:20px 16px}.balance-amount,.bonus-amount{gap:8px;margin-bottom:16px}.balance-main .balance-icon,.bonus-main .bonus-icon{width:32px!important;height:32px!important}.amount{font-size:28px}.currency{font-size:20px}.balance-description,.bonus-description{font-size:13px;margin:12px 0 0;line-height:1.4}.bonus-info{padding:16px;display:block}.bonus-info>*+*{margin-top:20px}.bonus-info .info-item{display:flex;flex-direction:column;width:100%}.info-item h4{font-size:15px;margin:0 0 8px}.info-item p{font-size:13px;line-height:1.4;margin:0 0 6px}.info-item ul{font-size:13px;padding-left:18px}.info-item li{margin-bottom:6px;line-height:1.4}.invoices-filters{flex-direction:column;gap:12px;padding:16px 20px}.filter-group{width:100%}.pagination{flex-direction:column;gap:16px;align-items:stretch}.profile-grid{grid-template-columns:1fr;gap:16px;padding:16px}.profile-main-info{flex-direction:column;text-align:center;padding:20px}.profile-avatar{align-self:center;margin-bottom:8px}.profile-section{padding:20px}.profile-section h3{font-size:16px}.profile-section-header{margin-bottom:16px}.info-grid{grid-template-columns:1fr;gap:12px}.info-item{padding:14px}.info-item label{font-size:12px}.info-item span{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:16px}.stat-value{font-size:22px}.stat-label{font-size:11px}.referral-info{padding:20px}.code-display{flex-direction:column;gap:12px;align-items:stretch;padding:14px}.code{font-size:16px;text-align:center}.copy-btn{width:100%;padding:12px}.referral-description{font-size:13px}}@media (max-width:479px){.content-header{padding:14px 16px}.content-header .content-title{font-size:18px}.content-header .header-actions{flex-direction:column;gap:8px}.content-header .header-actions .export-btn,.content-header .header-actions .logout-btn,.content-header .header-actions .topup-btn{width:100%}.profile-grid{gap:12px;padding:12px}.profile-main-info{padding:16px;gap:16px}.profile-avatar{width:60px;height:60px}.avatar-icon{width:30px;height:30px}.profile-details h2{font-size:18px}.profile-client-id{margin-top:6px}.client-id-label{font-size:11px}.client-id-value{font-size:13px}.profile-section{padding:16px}.profile-section h3{font-size:15px;margin-bottom:14px;padding-bottom:10px}.info-grid{gap:10px}.info-item{padding:12px}.info-item label{font-size:11px}.info-item span{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-item{padding:14px}.stat-value{font-size:20px}.stat-label{font-size:10px}.referral-info{padding:16px}.referral-code label{font-size:12px;margin-bottom:10px}.code-display{padding:12px}.code{font-size:15px;word-break:break-all}.copy-btn,.referral-description{font-size:12px;padding:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.tab-button{flex:1 1;padding:10px 16px;font-size:14px;border-radius:8px;border:1px solid #e2e8f0}.tab-button.active{background:#dc2626;color:#fff;border-color:#dc2626}.orders-content{padding:16px}.orders-list{gap:12px}.order-card{padding:16px}.order-header{flex-direction:column;gap:12px;margin-bottom:12px}.order-date{font-size:13px}.status-badge{font-size:12px;padding:4px 10px}.order-total{font-size:18px}.order-actions{justify-content:stretch}.positions-table-container{width:100%;box-sizing:border-box;border-radius:12px;margin:0;padding:1px}.positions-table{display:block}.positions-table thead{display:none}.positions-table tbody{display:block}.positions-table tr{display:block;margin-bottom:16px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff}.positions-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.positions-table td:last-child{border-bottom:none}.positions-table td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:13px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.modal-header{padding:16px}.modal-title{font-size:18px}.modal-body{padding:16px}.order-details-grid{gap:16px}.item-quantities{align-items:flex-start;width:100%}.info-item.full-width{padding:12px 0}.info-label,.info-value{font-size:13px}}@media (max-width:479px){.tab-button{font-size:13px;padding:8px 12px}.order-card,.orders-content{padding:12px}.order-date{font-size:12px}.status-badge{font-size:11px;padding:4px 8px}.modal-title,.order-total{font-size:16px}.modal-body{padding:12px}}@media (max-width:768px){.change-password-btn{width:100%;justify-content:center}.password-change-form input{font-size:16px!important}.profile-section-header{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-section-header:has(.change-password-btn){flex-direction:column;align-items:stretch;gap:1rem}.edit-profile-btn{width:auto!important;flex-shrink:0}.change-password-btn span{display:inline}}@media (max-width:479px){.change-password-btn{padding:.5rem 1rem!important;font-size:13px!important}.password-change-form input{padding:.6rem!important}.password-change-form label{font-size:12px!important}}.balance-page{min-height:100vh;background-color:#f8fafc}.balance-container{width:100%;min-height:100vh;padding:0}.balance-main{width:100%;padding:24px 20px}.balance-header{margin-bottom:24px}.balance-title{font-size:28px;font-weight:600;color:#1e293b;margin:0}.k-appbar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:visible}.k-appbar-top{padding:20px;display:flex;flex-direction:column;gap:12px}.k-appbar-static{position:static}.k-appbar-light{background:#fff}._infoPanel_1cbvj_1{box-shadow:0 1px 3px rgba(0,0,0,.1)}.appbar-content{display:flex;flex-direction:row;gap:20px;margin-bottom:0;width:100%;align-items:flex-start}.balance-info-wrapper{display:flex;flex-direction:row;gap:24px;align-items:baseline;flex-wrap:wrap}.balance-info{display:inline-flex;align-items:baseline;gap:6px;padding-top:2px}.balance-info-icon{width:24px;height:24px;color:#dc2626;flex-shrink:0;display:inline-block}.balance-info-text{font-size:16px;font-weight:500;color:#1e293b;display:inline}.balance-actions{display:flex;flex-direction:row;gap:12px;align-items:center}.balance-actions-label{font-size:16px;font-weight:700;color:#1e293b}.replenish-btn{display:flex;align-items:center;gap:8px;background-color:#e74b3c;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.replenish-btn:hover{background-color:#cc3d3d;color:#fff}.replenish-icon{width:16px;height:16px}.kaspi-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid #f14635;padding:8px 12px;border-radius:6px;cursor:pointer;height:40px;text-decoration:none;color:inherit}.kaspi-btn:hover{background-color:#fef2f2}.kaspi-logo{width:auto;height:24px}.replenish-options{padding-top:16px;border-top:1px solid #e2e8f0}.balance-content{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.table-container{width:100%}.balance-table{width:100%;border-collapse:collapse}.balance-table thead{background-color:#f8fafc}.balance-table th{text-align:left;font-weight:600;border-bottom:1px solid #e2e8f0}.balance-table td,.balance-table th{padding:16px 12px;font-size:14px;color:#374151}.balance-table td{border-bottom:1px solid #f1f5f9}.balance-table tbody tr:hover{background-color:#f8fafc}.operation-id{font-weight:600;color:#1e293b}.amount-cell.neutral{color:#059669;font-weight:600}.balance-cell{font-weight:600;color:#1e293b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2100}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;margin:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#64748b;transition:color .2s}.modal-close:hover{color:#374151}.modal-close-icon{width:20px;height:20px}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label{font-size:14px;color:#374151}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:border-color .2s}.form-input:focus{outline:none;border-color:#e74b3c;box-shadow:0 0 0 3px rgba(231,75,60,.15)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit{padding:10px 16px;background-color:#e74b3c;border:1px solid #e74b3c;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background-color:#cc3d3d;border-color:#cc3d3d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.comment-cell{max-width:280px;word-wrap:break-word}.admin-comment-compact{display:flex;align-items:flex-start;gap:8px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:10px 12px;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;cursor:default;animation:commentFadeIn .3s ease-out}.admin-comment-compact:hover{background:#e0f2fe;border-color:#7dd3fc;box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.admin-comment-content{flex:1 1;min-width:0}.admin-comment-text{color:#1e293b;line-height:1.4;margin-bottom:4px;font-weight:500;word-break:break-word}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.new-badge{display:inline-block;background-color:#dc2626;color:#fff;padding:2px 6px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px rgba(220,38,38,.3);animation:badgePulse .5s ease-out}@keyframes badgePulse{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.filter-input{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;width:100%;min-width:80px;transition:all .2s ease;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.1)}.filter-input::placeholder{color:#9ca3af;font-size:12px}.filter-row{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.filter-row th{padding:8px 12px;border-bottom:none;font-weight:400}.filter-row .filter-input{padding:4px 6px;font-size:12px;border-radius:3px;min-width:60px}@media (min-width:769px) and (max-width:1024px){.balance-main{padding:20px 16px}.balance-title{font-size:26px}.k-appbar-top{padding:18px}.appbar-content{flex-wrap:wrap}.balance-actions{flex-wrap:wrap;gap:10px}.balance-info-wrapper{gap:18px 24px}.balance-table td,.balance-table th{padding:12px 8px;font-size:13px}.comment-cell{max-width:220px}}@media (max-width:768px){.balance-main{padding:16px 12px}.balance-header{margin-bottom:16px}.balance-title{font-size:24px}.k-appbar-top{padding:16px}.appbar-content{flex-direction:column;width:100%;gap:16px}.balance-actions{flex-direction:column;align-items:stretch;width:100%;gap:12px}.balance-actions-label{margin-bottom:4px}.balance-actions>span{text-align:center;margin:4px 0!important;display:block}.kaspi-btn,.replenish-btn{width:100%;justify-content:center}.balance-info-wrapper{flex-direction:column;align-items:flex-start;gap:12px}.replenish-options{padding-top:16px}.modal-content{margin:10px;width:calc(100% - 20px);max-width:100%}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.balance-content{background:transparent;border:none;border-radius:0;overflow:visible}.table-container{overflow:visible}.balance-table thead{display:none}.balance-table,.balance-table tbody,.balance-table td,.balance-table tr{display:block;width:100%}.balance-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:4px 14px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.balance-table tbody tr:hover{background:#fff}.balance-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;text-align:right;font-size:14px}.balance-table td:last-child{border-bottom:none}.balance-table td:before{content:attr(data-label);flex-shrink:0;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;line-height:1.5}.balance-table td[colspan]{justify-content:center;text-align:center}.balance-table td[colspan]:before{display:none}.balance-table td.comment-cell,.balance-table td.reference-cell{flex-direction:column;align-items:stretch;text-align:left;padding:10px 0!important}.balance-table td.comment-cell:before,.balance-table td.reference-cell:before{margin-bottom:6px}.comment-cell{max-width:none}}@media (max-width:480px){.balance-main{padding:12px 10px}.balance-title{font-size:21px}.k-appbar-top{padding:14px}.balance-info-text{font-size:15px}.balance-table tr{padding:4px 12px}.balance-table td{gap:10px;font-size:13px}.balance-table td:before{font-size:11px}}.bonuses-page{min-height:100vh;background-color:#f8fafc}.bonuses-container{max-width:1200px;margin:0 auto;min-height:100vh;padding:0 20px}.bonuses-main{width:100%;padding:24px 0;overflow-x:auto}.bonuses-content{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.table-container{overflow-x:auto}.date-cell{color:#6b7280;white-space:nowrap}.type-cell{font-weight:500}.amount-cell{font-weight:600}.amount-cell.positive{color:#059669}.amount-cell.negative{color:#ef4444}.description-cell{max-width:300px}.source-cell{color:#6b7280;font-weight:500}.filters-bar{justify-content:space-between;margin-bottom:20px;gap:16px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.filters-bar,.filters-left{display:flex;align-items:center;flex-wrap:wrap}.filters-left{gap:8px;min-height:32px;flex:1 1}.filter-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;height:36px;box-sizing:border-box}.filter-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1;color:#334155}.filter-btn.active{background:#e74b3c;color:#fff;border-color:#e74b3c;font-weight:600}.filter-btn.active:hover{background:#cc3d3d;border-color:#cc3d3d}.filter-btn:active{transform:scale(.98)}.pagination{justify-content:space-between;padding:16px 0;border-top:1px solid #e2e8f0;margin-top:20px}.pagination,.pagination-left{display:flex;align-items:center}.pagination-left{gap:8px;flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:8px 12px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s ease;font-weight:500}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#334155}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.active{background:#e74b3c;color:#fff;border-color:#e74b3c;font-weight:600}.page-size{padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;margin-left:8px;font-weight:500}.page-size:focus{outline:none;border-color:#e74b3c;box-shadow:0 0 0 2px rgba(231,75,60,.1)}.pagination-right{font-size:13px;color:#64748b;font-weight:500}.accessory-image-section{padding:24px;border-right:1px solid #f1f5f9;background:#f8fafc}.accessory-image-container{position:relative;aspect-ratio:1;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.08)}.accessory-image-main{width:100%;height:100%;object-fit:contain}.accessory-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9ca3af}.accessory-image-placeholder-icon{width:64px;height:64px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center}.accessory-image-placeholder-icon svg{width:32px!important;height:32px!important}.accessory-image-placeholder-text{font-size:16px;font-weight:500;color:#6b7280}@media (min-width:768px) and (max-width:1199px){.filters-bar{padding:14px 16px;margin-bottom:18px;gap:12px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.filters-left{gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 14px;font-size:12px;height:34px;border-radius:6px;white-space:nowrap}.pagination{justify-content:space-between;padding:14px 0;border-top:1px solid #e2e8f0;margin-top:18px;gap:12px}.pagination,.pagination-left{display:flex;align-items:center;flex-wrap:wrap}.pagination-left{gap:6px}.page-btn{min-width:32px;height:32px;padding:6px 10px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#334155}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.active{background:#e74b3c;color:#fff;border-color:#e74b3c;font-weight:600}.page-size{padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;margin-left:8px}.page-size:focus{outline:none;border-color:#e74b3c;box-shadow:0 0 0 2px rgba(231,75,60,.1)}}@media (min-width:1025px) and (max-width:1199px){.filter-btn{padding:9px 16px;font-size:13px}}@media (max-width:767px){.filters-bar{flex-direction:column;align-items:stretch;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.filters-left{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.filter-btn{width:100%;justify-content:center;padding:10px 12px;font-size:12px;height:38px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.filter-btn.active{box-shadow:0 2px 4px rgba(231,75,60,.3)}}@media (max-width:480px){.filters-bar{padding:12px;gap:10px;border-radius:8px}.filters-left{grid-template-columns:1fr}.filter-btn{padding:10px 12px;height:36px;border-radius:6px}.filters-left{gap:6px}.filter-btn{padding:6px 12px;font-size:12px}}@media (max-width:768px){.accessory-image-section{border-right:none;border-bottom:1px solid #f1f5f9}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}