section{overflow:auto}.retail-page{margin:0 auto;padding:3rem 2rem}.retail-page h1{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.retail-page .lead{color:#fff;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.retail-page section{background:0 0;border:none;border-radius:16px;margin-bottom:2rem;padding:2.5rem;transition:all .3s;box-shadow:0 4px 12px #0000000f}.retail-page section:hover{border-color:var(--accent-light);box-shadow:0 8px 24px #7c3aed1a}.features-list{margin:1.5rem 0 2rem;padding:0;list-style:none}.features-list li{border:1px solid var(--border-light);background:linear-gradient(135deg,#00d4ff14 0%,#7b61ff14 100%);border-radius:12px;margin-bottom:1rem;padding:1rem;transition:all .3s;box-shadow:0 2px 8px #0000000a}.features-list li:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 6px 16px #7c3aed1f}.features-list li strong{color:var(--accent);font-size:1.1rem}.features-list li p{color:#fff;margin:.5rem 0 0;line-height:1.6}.cta-row{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn{border-radius:24px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 2px 8px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.btn-primary{background:var(--accent);color:#fff}.btn-outline{border:2px solid var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent);color:#fff}.feature-table-container{background:#fff;border-radius:12px;padding:24px;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 4px 20px #00000014}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.table-header h2{color:#1a1a1a;margin:0;font-size:1.5rem;font-weight:600}.table-controls{align-items:center;gap:12px;display:flex}.table-search{border:1px solid #e1e5e9;border-radius:8px;min-width:200px;padding:8px 16px;font-size:14px;transition:all .2s}.table-search:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.export-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.export-btn:hover{background:#4338ca;transform:translateY(-1px)}.table-scroll-wrapper{border:1px solid #f0f0f0;border-radius:8px;overflow-x:auto}.feature-table{border-collapse:separate;border-spacing:0;width:100%}.feature-table thead{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.feature-table th{text-align:left;color:#fff;z-index:10;border-bottom:2px solid #f0f0f0;padding:16px 20px;font-size:14px;font-weight:600;position:sticky;top:0}.feature-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.feature-table th.sortable:hover{background:#fff}.sort-icon{opacity:.7;margin-left:8px;transition:transform .2s;display:inline-block}.feature-table tbody tr{border-bottom:1px solid #f5f5f5;transition:all .2s}.feature-table tbody tr:hover{background:linear-gradient(90deg,#4f46e508 0%,#4f46e503 100%);transform:translate(4px);box-shadow:-4px 0 #4f46e5}.feature-table td{color:#fff;border-bottom:1px solid #f0f0f0;padding:16px 20px;font-size:14px}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{object-fit:cover;border:2px solid #f0f0f0;border-radius:50%;width:36px;height:36px}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.badge-admin{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.badge-user{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-active{color:#fff;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.status-inactive{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.action-buttons{opacity:.7;gap:8px;transition:opacity .2s;display:flex}tr:hover .action-buttons{opacity:1}.btn-icon{cursor:pointer;background:0 0;border:1px solid #e1e5e9;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.btn-icon:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:scale(1.1)}.table-footer{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.rows-per-page{color:#fff;align-items:center;gap:12px;font-size:14px;display:flex}.rows-per-page select{background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:6px 12px;font-size:14px}.pagination{align-items:center;gap:16px;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#fff;background:#4f46e5;border-color:#4f46e5}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.feature-table-container{padding:16px}.table-header{flex-direction:column;align-items:stretch}.table-controls{flex-direction:column}.table-search{width:100%;min-width:auto}.table-footer{flex-direction:column;align-items:stretch}.feature-table{display:block;border-collapse:separate!important;border-spacing:0!important;width:100%!important}.feature-table thead{display:none}.feature-table tbody tr{border:1px solid #e1e5e9;border-radius:8px;margin-bottom:16px;padding:12px;display:block}.feature-table td{border:none;border-bottom:1px solid #f5f5f5;align-items:center;padding:12px 0;display:flex}.feature-table td:last-child{border-bottom:none}.feature-table td:before{content:attr(data-label);color:#fff;margin-right:16px;font-weight:600}}@media (prefers-color-scheme:dark){.feature-table-container{color:#fff;background:#1a1a1a}.feature-table td{color:#e0e0e0}.table-search{color:#fff;background:#2a2a2a;border-color:#404040}.btn-icon{border-color:#404040}.feature-table tbody tr:hover{background:#4f46e51a}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-table tbody tr{animation:.3s ease-out fadeIn}