.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;padding:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.875rem;font-weight:700;color:#2563eb;margin-bottom:.5rem}.auth-header p{color:#6b7280;font-size:.875rem}.auth-form{display:flex;flex-direction:column}.auth-form h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#111827}.auth-form .form-group{margin-bottom:1.25rem}.auth-footer{text-align:center;margin-top:1.5rem;color:#6b7280;font-size:.875rem}.auth-footer a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-footer a:hover{color:#1e40af;text-decoration:underline}.form-input.input-error{border-color:#ef4444;background-color:#fef2f2}.form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.input-success{border-color:#10b981;background-color:#ecfdf5}.form-input.input-success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-error{display:block;color:#ef4444;font-size:.75rem;margin-top:.375rem}.form-hint{display:block;color:#6b7280;font-size:.75rem;margin-top:.375rem}@media (max-width: 640px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}.auth-form h2{font-size:1.25rem}}.dashboard-container{padding:24px;background:#f8fafc;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left h1{font-size:28px;color:#1e293b;margin:0 0 4px;font-weight:700}.header-left p{color:#64748b;font-size:14px;margin:0}.header-right{display:flex;align-items:center;gap:12px}.account-selector{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#334155;cursor:pointer;min-width:200px}.account-selector:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.refresh-btn{width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .material-icons{font-size:20px;color:#64748b}.no-accounts-card{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 1px 3px #0000001a}.no-accounts-card .material-icons{font-size:64px;color:#cbd5e1;margin-bottom:16px}.no-accounts-card h2{font-size:20px;color:#334155;margin:0 0 8px}.no-accounts-card p{color:#64748b;margin:0 0 24px}.connect-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.orders{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.revenue{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.questions{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-content{flex:1;min-width:0}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:28px;font-weight:700;color:#1e293b;margin:4px 0;line-height:1.2}.stat-sub{font-size:12px;color:#94a3b8}.stat-sub.highlight{color:#3b82f6}.stat-sub.success{color:#22c55e}.stat-sub.warning{color:#f59e0b}.stat-sub.danger{color:#ef4444}.alerts-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.alerts-panel h2{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;gap:8px}.alerts-panel h2 .material-icons{font-size:20px;color:#f59e0b}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.alert-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:all .2s}.alert-card:hover{transform:translate(4px)}.alert-card.warning{background:#fef3c7;border:1px solid #fcd34d}.alert-card.info{background:#dbeafe;border:1px solid #93c5fd}.alert-card.danger{background:#fee2e2;border:1px solid #fca5a5}.alert-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-card.warning .alert-icon{background:#f59e0b;color:#fff}.alert-card.info .alert-icon{background:#3b82f6;color:#fff}.alert-card.danger .alert-icon{background:#ef4444;color:#fff}.alert-icon .material-icons{font-size:18px}.alert-content{flex:1;min-width:0}.alert-count{font-size:18px;font-weight:700;display:block}.alert-card.warning .alert-count{color:#92400e}.alert-card.info .alert-count{color:#1e40af}.alert-card.danger .alert-count{color:#991b1b}.alert-label{font-size:12px;color:#64748b}.alert-arrow{font-size:18px;color:#94a3b8}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.view-all{display:flex;align-items:center;gap:4px;font-size:13px;color:#667eea;text-decoration:none;font-weight:500}.view-all .material-icons{font-size:16px}.orders-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.orders-list{display:flex;flex-direction:column;gap:8px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;transition:background .2s}.order-item:hover{background:#f1f5f9}.order-info{display:flex;flex-direction:column;gap:2px}.order-id{font-size:13px;font-weight:600;color:#334155}.order-date{font-size:11px;color:#94a3b8}.order-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.order-status{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.order-status.paid{background:#dcfce7;color:#166534}.order-status.pending{background:#fef3c7;color:#92400e}.order-status.cancelled{background:#fee2e2;color:#991b1b}.order-amount{font-size:13px;font-weight:600;color:#1e293b}.empty-state{text-align:center;padding:40px 20px;color:#94a3b8}.empty-state .material-icons{font-size:40px;margin-bottom:8px}.empty-state p{margin:0;font-size:14px}.quick-actions{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.quick-actions h2{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:#f8fafc;color:#334155;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;transition:all .2s;text-align:center;gap:8px;cursor:pointer;font-weight:500;font-size:13px}.action-btn:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.action-btn .material-icons{font-size:24px}.account-info-card{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #0000001a}.account-header{display:flex;align-items:center;gap:16px}.account-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar .material-icons{font-size:32px;color:#cbd5e1}.account-details{flex:1;min-width:0}.account-details h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 2px}.account-id{font-size:12px;color:#94a3b8}.manage-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;color:#475569;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s}.manage-btn:hover{background:#e2e8f0}.manage-btn .material-icons{font-size:18px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;align-items:stretch}.header-right{flex-wrap:wrap}.account-selector{flex:1;min-width:0}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:24px}.alerts-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.account-header{flex-wrap:wrap}.manage-btn{width:100%;justify-content:center;margin-top:8px}}@media (max-width: 480px){.dashboard-container{padding:12px}.header-left h1{font-size:22px}.action-btn{padding:14px 10px;font-size:12px}.action-btn .material-icons{font-size:20px}}.token-status{border-left:4px solid #ccc;padding:1rem;margin:1rem 0;border-radius:4px;background-color:#f9f9f9;font-size:.9rem;transition:all .3s ease}.token-status-loading{color:#666;border-left-color:#999}.token-status-ok{border-left-color:#4caf50;background-color:#f1f8f4}.token-status-warning{border-left-color:#ff9800;background-color:#fff8f0}.token-status-expired{border-left-color:#f44336;background-color:#fef1f0}.token-status-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.token-status-icon{font-size:.85rem;font-weight:700;min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.token-status-icon-ok{background-color:#4caf50}.token-status-icon-warning{background-color:#ff9800}.token-status-icon-error{background-color:#f44336}.token-status-icon-clock{background-color:#2196f3}.token-status-info{flex:1}.token-status-text{margin:0;font-weight:600;color:#333;font-size:1rem}.token-health-bar{height:6px;background-color:#ddd;border-radius:3px;overflow:hidden;margin-top:.5rem;width:100%}.token-health-fill{height:100%;background-color:#4caf50;transition:width .3s ease;border-radius:3px}.token-badge{display:inline-block;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.token-badge-success{background-color:#d4edda;color:#155724}.token-badge-warning{background-color:#fff3cd;color:#856404}.token-badge-danger{background-color:#f8d7da;color:#721c24}.token-badge-info{background-color:#d1ecf1;color:#0c5460}.token-status-auto-refresh,.token-status-partial,.token-status-no-refresh,.token-status-manual,.token-status-force-refresh{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.token-status-hint{margin:.25rem 0 .5rem;font-size:.8rem;color:#666;line-height:1.4}.token-status-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.token-refresh-btn,.token-configure-btn{white-space:nowrap;flex-shrink:0}.token-configure-btn{margin-top:.5rem}.token-alert{margin-top:.75rem;padding:.75rem;border-radius:4px;font-size:.85rem;border:1px solid}.token-alert-error{background-color:#ffebee;color:#c62828;border-color:#ef5350}.token-alert-success{background-color:#e8f5e9;color:#2e7d32;border-color:#66bb6a}.badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.alert{margin-top:.75rem;padding:.75rem;border-radius:4px;font-size:.9rem;border:1px solid}.alert-error{background-color:#ffebee;color:#c62828;border-color:#ef5350}.alert-success{background-color:#e8f5e9;color:#2e7d32;border-color:#66bb6a}.text-small{font-size:.85rem}.text-muted{color:#666}@media (max-width: 600px){.token-status-header{flex-direction:column;align-items:flex-start;gap:.5rem}.token-status-icon{min-width:auto}.token-status-manual{flex-direction:column;align-items:flex-start}.token-refresh-btn,.token-configure-btn{width:100%}.token-status-actions{flex-direction:column;width:100%}}.page{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;flex-direction:column;gap:.5rem}.page-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.page-header p{font-size:1rem;color:#666;margin:0}.alert{padding:1rem 1.5rem;border-radius:.5rem;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.alert-warning{background-color:#ffeaa7;color:#d63031;border:1px solid #ffcb4a}.alert-info{background-color:#e7f3ff;color:#06c;border:1px solid #b3d9ff}.card{background:#fff;border-radius:.75rem;border:1px solid #e0e0e0;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.card:hover{box-shadow:0 2px 8px #0000001a}.card-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-title{font-size:1.25rem;font-weight:600;margin:0;color:#1a1a1a}.card-body{padding:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1rem;color:#666}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1.5rem;color:#999;text-align:center}.empty-state p{font-size:1.1rem;margin:0}.accounts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1.5rem}.account-item{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.account-item:hover{border-color:#06c;box-shadow:0 2px 8px #0066cc1a}.account-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.account-info{flex:1}.account-item h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;color:#1a1a1a}.account-item .text-muted{font-size:.9rem;color:#999;margin:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.85rem;font-weight:600;white-space:nowrap}.status-active{background-color:#d4edda;color:#155724}.status-inactive,.status-expired,.status-error{background-color:#f8d7da;color:#721c24}.account-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.oauth-badge{display:inline-block;padding:.2rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.oauth-badge-success{background-color:#d4edda;color:#155724}.oauth-badge-warning{background-color:#fff3cd;color:#856404}.oauth-badge-danger{background-color:#f8d7da;color:#721c24}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.stat{display:flex;flex-direction:column;gap:.25rem;text-align:center}.stat-label{font-size:.8rem;color:#999;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#06c}.account-actions{display:flex;gap:.75rem;margin-top:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;font-size:.95rem;color:#1a1a1a}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:#fafafa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background-color:#fff;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input::placeholder{color:#999}.form-group input[type=password]{letter-spacing:.1em}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-lg{max-width:600px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#1a1a1a}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#1a1a1a}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0;margin-top:1rem}.form-help{font-size:.8rem;color:#666;margin-top:.25rem;line-height:1.4}.info-box{padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.info-box strong{display:block;margin-bottom:.5rem}.info-box p{margin:0}.info-box ol,.info-box ul{margin:.5rem 0 0 1.25rem;padding-left:0}.info-box li{margin-bottom:.25rem}.info-box-primary{background-color:#e7f3ff;border-left:4px solid #0066cc;color:#004085}.info-box-info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.info-box-warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.info-box-success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.info-box-danger{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;text-decoration:none}.btn-primary{background-color:#06c;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.btn-secondary{background-color:#f0f0f0;color:#1a1a1a;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background-color:#e8e8e8;border-color:#d0d0d0}.btn-danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background-color:#138496;transform:translateY(-2px);box-shadow:0 4px 12px #17a2b84d}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.table-container{overflow-x:auto;margin-top:1.5rem}table{width:100%;border-collapse:collapse;background:#fff}thead{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0}th{padding:1rem;text-align:left;font-weight:600;color:#1a1a1a;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}td{padding:1rem;border-bottom:1px solid #e0e0e0;color:#666;font-size:.95rem}tbody tr:hover{background-color:#f9f9f9}tbody tr:last-child td{border-bottom:none}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.text-muted{color:#999}.date-range-filters{display:flex;gap:.5rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem}.summary-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.summary-card h3{font-size:.95rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0}.summary-value{font-size:1.75rem;font-weight:700;color:#06c;margin:.5rem 0 0}.summary-card small{font-size:.85rem;color:#999}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-container{background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.chart-container:hover{box-shadow:0 2px 8px #0000001a}.chart-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.settings-container{display:grid;grid-template-columns:200px 1fr;gap:2rem}.settings-sidebar{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left;font-size:1rem;color:#666;border-radius:.5rem;transition:all .3s ease;font-weight:500}.settings-nav-item:hover{background-color:#f0f0f0;color:#1a1a1a}.settings-nav-item.active{background-color:#e7f3ff;color:#06c}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;padding:1.5rem}.settings-section h3{font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;color:#1a1a1a}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e0e0e0}.preference-item:last-child{border-bottom:none}.preference-item h4{font-size:1rem;font-weight:600;margin:0;color:#1a1a1a}.preference-item p{margin:0;font-size:.9rem}.preference-item select{padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem;background-color:#fafafa}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#06c}input:checked+.toggle-slider:before{transform:translate(22px)}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e0e0e0;border-radius:.5rem;background-color:#fafafa;gap:1rem}.api-key-info{flex:1}.api-key-item h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.api-key-value{font-family:Courier New,monospace;font-size:.9rem;color:#666;margin:.5rem 0;word-break:break-all;background-color:#fff;padding:.75rem;border-radius:.25rem;border:1px solid #e0e0e0}.api-key-meta{display:flex;gap:1.5rem;font-size:.85rem;color:#999;margin-top:.5rem}@media (max-width: 768px){.page{padding:1rem;gap:1.5rem}.page-header h1{font-size:1.5rem}.card-header{flex-direction:column;align-items:flex-start}.accounts-list,.account-stats{grid-template-columns:1fr}.account-header{flex-direction:column}.account-actions{width:100%}.account-actions .btn{flex:1}.modal{margin:1rem;max-width:calc(100% - 2rem)}.settings-container{grid-template-columns:1fr}.settings-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.reports-grid{grid-template-columns:1fr}table{font-size:.85rem}th,td{padding:.75rem}}@media (max-width: 480px){.page{padding:.75rem}.page-header h1{font-size:1.25rem}.card-header{padding:1rem}.btn{padding:.5rem 1rem;font-size:.9rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.account-item{padding:1rem}.account-actions{flex-direction:column}.account-actions .btn{width:100%}.modal-header,.modal-form{padding:1rem}}.products-container{padding:1.5rem;background-color:var(--color-bg-secondary, #f5f5f5);min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#fff;padding:1.25rem 1.5rem;border-radius:var(--radius-xl, 12px);border:1px solid var(--color-border, #e5e7eb)}.header-left h1{margin:0;color:var(--color-text, #1f2937);font-size:1.5rem;font-weight:700}.account-name{margin:.5rem 0 0;color:#666;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;padding:1rem 1.25rem;border-radius:var(--radius-xl, 12px);border:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));border-color:var(--primary-200, #bfdbfe)}.stat-icon{font-size:1.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.stat-label{color:var(--color-text-secondary, #6b7280);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.125rem}.stat-value{color:var(--color-text, #1f2937);font-size:1.25rem;font-weight:700;line-height:1.2}.products-controls{background:#fff;padding:1rem 1.25rem;border-radius:var(--radius-xl, 12px);margin-bottom:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;border:1px solid var(--color-border, #e5e7eb)}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-controls{display:flex;gap:.5rem;flex-wrap:wrap}.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.products-table-container{background:#fff;border-radius:var(--radius-xl, 8px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));margin-bottom:2rem;border:1px solid var(--color-border, #e5e7eb)}.products-table{width:100%;border-collapse:collapse;table-layout:fixed}.products-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.products-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text-secondary, #6b7280);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.products-table th:nth-child(1),.products-table td:nth-child(1){width:35%;min-width:200px}.products-table th:nth-child(2),.products-table td:nth-child(2){width:12%;min-width:100px}.products-table th:nth-child(3),.products-table td:nth-child(3){width:10%;min-width:80px}.products-table th:nth-child(4),.products-table td:nth-child(4){width:10%;min-width:80px}.products-table th:nth-child(5),.products-table td:nth-child(5){width:8%;min-width:70px}.products-table th:nth-child(6),.products-table td:nth-child(6){width:10%;min-width:80px}.products-table th:nth-child(7),.products-table td:nth-child(7){width:15%;min-width:100px}.products-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.products-table tbody tr:hover{background-color:#f8f9fa}.products-table td{padding:1rem;color:#333;font-size:.95rem}.product-info{display:flex;align-items:center;gap:1rem}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;background:#f0f0f0}.product-details{display:flex;flex-direction:column;gap:.25rem}.product-title{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-title:hover{color:#0056b3;text-decoration:underline}.product-id{color:#999;font-size:.85rem}.product-price{font-weight:600;color:#27ae60;font-size:1.05rem}.stock-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.stock-badge.high{background-color:#d4edda;color:#155724}.stock-badge.medium{background-color:#fff3cd;color:#856404}.stock-badge.low{background-color:#f8d7da;color:#721c24}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.paused{background-color:#fff3cd;color:#856404}.status-badge.closed{background-color:#f8d7da;color:#721c24}.product-actions{display:flex;gap:.5rem}.btn-small{padding:.4rem .8rem;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-info{color:#666;font-size:.95rem}.pagination .btn{padding:.5rem 1rem}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{background:#fff;border-radius:8px;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h2{color:#333;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:1.5rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#666}.alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn.loading{opacity:.7;pointer-events:none}@media (max-width: 1023px){.products-container{padding:1rem}}@media (max-width: 768px){.products-container{padding:1rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left h1{font-size:1.25rem}.products-controls{flex-direction:column}.filter-controls{width:100%}.filter-select{flex:1;min-width:120px}.products-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table{min-width:700px;table-layout:auto}.products-table th,.products-table td{padding:.75rem .5rem}.product-thumbnail{width:40px;height:40px}.product-title{-webkit-line-clamp:1}.pagination{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.products-table{min-width:600px}.product-info{flex-direction:column;align-items:flex-start}}.oauth-callback-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.oauth-callback-card{background:#fff;border-radius:12px;padding:60px 40px;box-shadow:0 10px 40px #00000026;text-align:center;max-width:500px;width:100%}.oauth-callback-card h2{font-size:24px;font-weight:600;color:#333;margin:20px 0 10px}.status-message{font-size:16px;color:#666;margin:10px 0;line-height:1.5}.info-text{font-size:14px;color:#999;margin-top:15px}.error-message{font-size:14px;color:#d32f2f;background-color:#ffebee;padding:12px 16px;border-radius:6px;margin:15px 0;border-left:4px solid #d32f2f;text-align:left}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.success-icon{width:70px;height:70px;background-color:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px;animation:scaleIn .4s ease-out}.error-icon{width:70px;height:70px;background-color:#d32f2f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.error-actions{margin-top:20px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:active{transform:translateY(0)}@media (max-width: 600px){.oauth-callback-card{padding:40px 20px}.oauth-callback-card h2{font-size:20px}.status-message{font-size:14px}.success-icon,.error-icon{width:60px;height:60px;font-size:30px}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:#1f2937;display:flex;flex-direction:column;z-index:900;transition:width .2s ease}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;height:64px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;overflow:hidden}.sidebar.collapsed .sidebar-logo{display:none}.logo-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.logo-text{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}.collapse-btn{width:28px;height:28px;min-width:28px;border:none;border-radius:6px;background:#ffffff1a;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:#fff3;color:#fff}.collapse-btn .material-icons{font-size:18px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.nav-section{margin-bottom:8px}.nav-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;border:none;background:transparent;color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:opacity .2s ease}.sidebar.collapsed .nav-section-header{opacity:0;height:0;padding:0;overflow:hidden}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.nav-section-title.static{display:block;padding:8px 16px;transition:opacity .2s ease}.sidebar.collapsed .nav-section-title.static{opacity:0;height:0;padding:0;overflow:hidden}.nav-section-arrow{font-size:18px!important}.nav-section-items{overflow:hidden;transition:max-height .2s ease}.nav-section-items.collapsed{max-height:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:2px 8px;color:#9ca3af;text-decoration:none;border-radius:8px;transition:all .15s ease;overflow:hidden}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#60a5fa26;color:#60a5fa}.nav-icon{font-size:20px!important;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;transition:opacity .2s ease}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-label{opacity:0;width:0;overflow:hidden}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px;overflow:hidden}.user-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff}.user-details{flex:1;min-width:0;transition:opacity .2s ease}.user-name{font-size:14px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#9ca3af;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#9ca3af;font-size:14px;cursor:pointer}.logout-btn:hover{background:#ffffff0d;color:#fff}.logout-btn .material-icons{font-size:18px}.logout-text{transition:opacity .2s ease}.sidebar.collapsed .user-details{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .user-info{justify-content:center}.sidebar.collapsed .logout-text{opacity:0;width:0;overflow:hidden}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#1f2937;padding:0 16px;align-items:center;justify-content:space-between;z-index:1000}.mobile-menu-btn{width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-action-btn{width:36px;height:36px;border-radius:8px;color:#d1d5db;display:flex;align-items:center;justify-content:center;text-decoration:none}.mobile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:899}@media (max-width: 1023px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);width:280px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-header,.sidebar.collapsed .nav-section-title.static,.sidebar.collapsed .user-details,.sidebar.collapsed .logout-text{opacity:1;width:auto;height:auto;overflow:visible}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:10px 16px}.sidebar.collapsed .user-info{justify-content:flex-start}.collapse-btn{display:none}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar.mobile-open~.sidebar-overlay{opacity:1;pointer-events:auto}}@media (min-width: 1024px){.sidebar.collapsed .nav-item[title]:hover:after{content:attr(title);position:absolute;left:100%;margin-left:8px;padding:6px 10px;background:#374151;color:#fff;font-size:13px;border-radius:6px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0003}.sidebar.collapsed .nav-item{position:relative}}.cache-manager-btn{position:fixed;bottom:20px;right:20px;z-index:1000}.cache-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cache-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.cache-manager-panel{position:fixed;bottom:80px;right:20px;width:350px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:1001;overflow:hidden;animation:slideUp .3s ease}.cache-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cache-panel-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.close-btn:hover{opacity:.8}.cache-stats{padding:16px;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.stat-label{color:#666;font-weight:500}.stat-value{color:#667eea;font-weight:700;font-size:16px}.cache-actions{padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid #e0e0e0}.btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear{background:#ef4444;color:#fff}.btn-clear:hover{background:#dc2626;transform:translateY(-1px)}.cache-info{padding:12px 16px;font-size:12px;line-height:1.6;color:#666}.cache-info p{margin:4px 0}@media (max-width: 768px){.cache-manager-panel{width:90vw;right:5vw;max-width:300px}}.layout{min-height:100vh;background-color:#f5f7fa}.main-content{margin-left:260px;min-height:100vh;transition:margin-left .2s ease}.content-wrapper{width:100%;min-height:calc(100vh - 48px)}.layout.sidebar-collapsed .main-content{margin-left:72px}@media (max-width: 1023px){.main-content{margin-left:0;padding-top:60px}.layout.sidebar-collapsed .main-content{margin-left:0}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:toast-slide-in .3s ease-out;background:#fff;border-left:4px solid}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981;background:#ecfdf5}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444;background:#fef2f2}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b;background:#fffbeb}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6;background:#eff6ff}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-icon svg{width:100%;height:100%}.toast-message{flex:1;font-size:.875rem;color:#374151;line-height:1.4}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;color:#9ca3af;transition:color .2s}.toast-close:hover{color:#374151}.toast-close svg{width:100%;height:100%}@media (max-width: 480px){.toast-container{left:1rem;right:1rem;max-width:none}}.orders-page{padding:0}.orders-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.orders-page .header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.orders-page .header-content h1 .material-icons{color:#60a5fa}.orders-page .header-content p{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.orders-page .header-actions{display:flex;gap:.75rem;align-items:center}.orders-page .account-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;min-width:180px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-value{font-size:1.25rem;font-weight:600;color:#1f2937}.stat-label{font-size:.75rem;color:#6b7280}.filters-bar{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;color:#6b7280;font-weight:500}.filter-group input,.filter-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:150px}.filter-tabs{display:flex;gap:.5rem}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#60a5fa}.filter-tab.active{background:#60a5fa;color:#fff;border-color:#60a5fa}.filter-tab .material-icons{font-size:18px}.tab-badge{background:#ef4444;color:#fff;font-size:.7rem;padding:.125rem .375rem;border-radius:10px;font-weight:600}.filter-tab.active .tab-badge{background:#fff;color:#60a5fa}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.alert-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.orders-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.orders-table tr:hover{background:#f9fafb}.buyer-info span{font-size:.875rem}.items-preview{display:flex;flex-direction:column;gap:.25rem}.item-title{font-size:.8rem;color:#4b5563}.more-items{font-size:.75rem;color:#9ca3af}.order-total{font-weight:600;color:#059669}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-success{background:#dcfce7;color:#16a34a}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#2563eb}.badge-secondary{background:#f3f4f6;color:#6b7280}.badge-primary{background:#dbeafe;color:#3b82f6}.action-buttons{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s;text-decoration:none}.btn-icon:hover{border-color:#60a5fa;color:#60a5fa}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#60a5fa;border-radius:50%;animation:spin 1s linear infinite}.empty-state .material-icons{font-size:48px;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1rem;color:#4b5563;margin:0 0 .5rem}.empty-state p{font-size:.875rem;color:#9ca3af;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:background .2s}.btn-close:hover{background:#f3f4f6}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.order-detail-section{margin-bottom:1.5rem}.order-detail-section:last-child{margin-bottom:0}.order-detail-section h3{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.detail-item .total-value{font-size:1.125rem;font-weight:600;color:#059669}.order-items-list{display:flex;flex-direction:column;gap:.75rem}.order-item-card{display:flex;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:6px}.order-item-card img{width:60px;height:60px;object-fit:cover;border-radius:4px}.item-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.item-details .item-title{font-size:.875rem;color:#1f2937}.item-qty{font-size:.75rem;color:#6b7280}.item-price{font-size:.875rem;font-weight:600;color:#059669}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#60a5fa;color:#fff}.btn-primary:hover:not(:disabled){background:#3b82f6}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-success{background:#34d399;color:#fff}.btn-success:hover:not(:disabled){background:#10b981}.btn-warning{background:#fbbf24;color:#1f2937}.btn-warning:hover:not(:disabled){background:#f59e0b}.btn-danger{background:#f87171;color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-sm .material-icons{font-size:16px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap}.account-select{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column;align-items:stretch}.filter-group,.filter-group input,.filter-group select{width:100%}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table{min-width:700px}.filter-tabs{flex-wrap:wrap}.filter-tab{flex:1;min-width:120px;justify-content:center}.modal-content{margin:.5rem;max-width:calc(100% - 1rem)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-value{font-size:1.125rem}.header-content h1{font-size:1.25rem}.filter-tabs{gap:.25rem}.filter-tab{padding:.375rem .75rem;font-size:.8125rem}.modal-header{padding:.875rem 1rem}.modal-body{padding:1rem}.modal-footer{padding:.875rem 1rem;flex-direction:column}.modal-footer .btn{width:100%}}.questions-page{padding:0}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.question-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.question-product{display:flex;align-items:center;gap:.75rem}.product-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px}.product-title{font-size:.875rem;font-weight:500;color:#1f2937;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-id{font-size:.75rem;color:#6b7280}.question-meta{display:flex;align-items:center;gap:1rem}.question-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.question-time .material-icons{font-size:14px}.question-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.question-status.UNANSWERED{background:#fef3c7;color:#d97706}.question-status.ANSWERED{background:#dcfce7;color:#16a34a}.question-body{padding:1rem}.question-text,.answer-text{margin-bottom:1rem}.question-text:last-child,.answer-text:last-child{margin-bottom:0}.from-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.from-label .material-icons{font-size:16px}.question-text p{font-size:.9375rem;color:#1f2937;margin:0;line-height:1.5}.answer-text{background:#f0fdf4;padding:1rem;border-radius:6px;border-left:3px solid #34d399}.answer-text p{font-size:.9375rem;color:#1f2937;margin:0 0 .5rem;line-height:1.5}.answer-date{font-size:.75rem;color:#6b7280}.question-actions{display:flex;gap:.75rem;padding:1rem;border-top:1px solid #e5e7eb}.answer-modal{max-width:500px}.original-question{background:#f9fafb;padding:1rem;border-radius:6px;margin-bottom:1rem}.original-question label{font-size:.75rem;color:#6b7280;display:block;margin-bottom:.5rem}.original-question p{margin:0;color:#1f2937;font-size:.9375rem}.answer-form{position:relative}.answer-form label{font-size:.75rem;color:#6b7280;display:block;margin-bottom:.5rem}.answer-form textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;resize:vertical;min-height:100px}.answer-form textarea:focus{outline:none;border-color:#60a5fa}.char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:#9ca3af}.stat-card.urgent{border:2px solid #fecaca;background:#fef2f2}@media (max-width: 768px){.question-header{flex-direction:column;align-items:flex-start}.question-meta{width:100%;justify-content:space-between}.product-title{max-width:200px}.question-actions{flex-direction:column}.question-actions .btn{width:100%}}.shipments-page{padding:0}.shipments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.shipment-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.shipment-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.shipment-id{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937}.shipment-id .material-icons{font-size:20px;color:#60a5fa}.shipment-body{padding:1rem}.shipment-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.info-row .material-icons{font-size:18px;color:#9ca3af}.shipment-address{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.875rem;color:#4b5563}.shipment-address .material-icons{font-size:18px;color:#ef4444}.shipment-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb}.shipment-modal{max-width:600px}.shipment-detail-section{margin-bottom:1.5rem}.shipment-detail-section:last-child{margin-bottom:0}.shipment-detail-section h3{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.address-block{background:#f9fafb;padding:1rem;border-radius:6px}.address-block p{margin:0 0 .25rem;font-size:.875rem;color:#4b5563}.tracking-code{font-family:monospace;background:#dbeafe;padding:.25rem .5rem;border-radius:4px;color:#1e40af}.tracking-timeline{position:relative;padding-left:1.5rem}.tracking-timeline:before{content:"";position:absolute;left:.5rem;top:.5rem;bottom:.5rem;width:2px;background:#e5e7eb}.tracking-event{position:relative;padding-bottom:1rem}.tracking-event:last-child{padding-bottom:0}.event-dot{position:absolute;left:-1.25rem;top:.25rem;width:10px;height:10px;background:#60a5fa;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #60a5fa}.event-content{display:flex;flex-direction:column;gap:.125rem}.event-status{font-size:.875rem;font-weight:500;color:#1f2937}.event-date{font-size:.75rem;color:#6b7280}.event-desc{font-size:.8125rem;color:#4b5563}@media (max-width: 768px){.shipments-grid{grid-template-columns:1fr}.shipment-actions{flex-direction:column}.shipment-actions .btn{width:100%}}.messages-page{padding:0;display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:500px}.messages-container{display:flex;flex:1;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.conversations-panel{width:320px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.panel-header{padding:1rem;border-bottom:1px solid #e5e7eb}.filter-tabs.compact{display:flex;gap:.25rem}.filter-tabs.compact .filter-tab{flex:1;justify-content:center;padding:.5rem;font-size:.8125rem}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6;position:relative}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#eff6ff}.conversation-item.unread{background:#fefce8}.conv-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.conv-content{flex:1;min-width:0}.conv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conv-name{font-size:.875rem;font-weight:500;color:#1f2937}.conv-time{font-size:.75rem;color:#9ca3af}.conv-preview{display:flex;flex-direction:column;gap:.125rem}.conv-order{font-size:.75rem;color:#60a5fa}.conv-text{font-size:.8125rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot{width:8px;height:8px;background:#60a5fa;border-radius:50%;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.chat-panel{flex:1;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.chat-info{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1f2937}.chat-info .material-icons{color:#60a5fa}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message-bubble{max-width:70%;display:flex}.message-bubble.sent{align-self:flex-end}.message-bubble.received{align-self:flex-start}.bubble-content{padding:.75rem 1rem;border-radius:12px}.message-bubble.sent .bubble-content{background:#60a5fa;color:#fff;border-bottom-right-radius:4px}.message-bubble.received .bubble-content{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px}.bubble-content p{margin:0 0 .25rem;font-size:.9375rem;line-height:1.4}.bubble-time{font-size:.7rem;opacity:.7}.chat-input{display:flex;gap:.75rem;padding:1rem;border-top:1px solid #e5e7eb}.chat-input textarea{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;resize:none;font-size:.9375rem}.chat-input textarea:focus{outline:none;border-color:#60a5fa}.chat-input .btn{align-self:flex-end}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.chat-placeholder .material-icons{font-size:64px;margin-bottom:1rem}.chat-placeholder h3{font-size:1.125rem;color:#4b5563;margin:0 0 .5rem}.chat-placeholder p{font-size:.875rem;margin:0}.alert.floating{position:fixed;bottom:1rem;right:1rem;z-index:1000;box-shadow:0 4px 6px #0000001a}.alert.floating button{background:none;border:none;cursor:pointer;padding:0;margin-left:.5rem}.loading-state.small,.empty-state.small{padding:2rem 1rem}.empty-state.small .material-icons{font-size:32px}.empty-state.small p{font-size:.8125rem}@media (max-width: 768px){.messages-container{flex-direction:column}.conversations-panel{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.chat-panel{flex:1}.message-bubble{max-width:85%}}@media (max-width: 480px){.messages-page{height:calc(100vh - 140px);min-height:400px}.conversations-panel{max-height:160px}.conversation-item{padding:.75rem}.conv-avatar{width:32px;height:32px;font-size:12px}.conv-name{font-size:.8125rem}.conv-text{font-size:.75rem}.chat-header,.chat-messages{padding:.75rem}.bubble-content{padding:.625rem .875rem}.bubble-content p{font-size:.875rem}.chat-input{padding:.75rem;gap:.5rem}.chat-input textarea{padding:.625rem;font-size:16px}.message-bubble{max-width:90%}.filter-tabs.compact .filter-tab{padding:.375rem;font-size:.75rem}}.promotions-page{padding:0}.campaigns-section h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#1f2937;margin:0 0 1rem}.campaigns-section h2 .material-icons{color:#f59e0b}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.campaign-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;padding:1rem;border:1px solid #fcd34d}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.campaign-name{font-weight:600;color:#92400e}.campaign-info p{font-size:.8125rem;color:#78350f;margin:0 0 .5rem}.campaign-dates{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#92400e}.campaign-dates .material-icons{font-size:14px}.promotions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.promotion-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.promotion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.promotion-type{font-size:.75rem;color:#6b7280;text-transform:uppercase}.promotion-body{padding:1rem}.promotion-body h3{font-size:1rem;color:#1f2937;margin:0 0 1rem}.promotion-details{display:flex;flex-direction:column;gap:.75rem}.promotion-details .detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.promotion-details .detail-item .material-icons{font-size:18px;color:#9ca3af}.detail-item.discount{font-size:1.125rem;font-weight:600;color:#059669}.detail-item.discount .material-icons{color:#059669}.detail-item.price{gap:.75rem}.detail-item.price .original{text-decoration:line-through;color:#9ca3af}.detail-item.price .new{font-weight:600;color:#059669}.promotion-items{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.promotion-items .material-icons{font-size:18px}.promotion-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.campaigns-grid,.promotions-grid{grid-template-columns:1fr}}.claims-page{padding:0}.claims-list{display:flex;flex-direction:column;gap:1rem}.claim-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border-left:4px solid #ef4444}.claim-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fef2f2;border-bottom:1px solid #fecaca}.claim-id{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#dc2626}.claim-id .material-icons{font-size:20px}.claim-body{padding:1rem}.claim-reason h4{font-size:1rem;color:#1f2937;margin:0 0 .25rem}.claim-resource{font-size:.8125rem;color:#60a5fa}.claim-info{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.claim-info .info-item{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#6b7280}.claim-info .info-item .material-icons{font-size:16px;color:#9ca3af}.claim-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb}.claim-modal{max-width:600px}.claim-detail-section{margin-bottom:1.5rem}.claim-detail-section:last-child{margin-bottom:0}.claim-detail-section h3{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.claim-messages{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.claim-message{padding:.75rem;border-radius:8px}.claim-message.sent{background:#dbeafe;border-left:3px solid #3b82f6}.claim-message.received{background:#f3f4f6;border-left:3px solid #9ca3af}.claim-message .message-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.claim-message .sender{font-size:.75rem;font-weight:600;color:#4b5563}.claim-message .date{font-size:.75rem;color:#9ca3af}.claim-message p{margin:0;font-size:.875rem;color:#1f2937;line-height:1.5}.message-form{display:flex;flex-direction:column;gap:.75rem}.message-form textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;resize:vertical;font-size:.875rem}.message-form textarea:focus{outline:none;border-color:#60a5fa}.message-form .btn{align-self:flex-end}@media (max-width: 768px){.claim-actions{flex-direction:column}.claim-actions .btn{width:100%}.claim-header{flex-direction:column;align-items:flex-start}.claim-info{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.claim-card{border-left-width:3px}.claim-header,.claim-body,.claim-actions{padding:.75rem}.claim-reason h4{font-size:.9375rem}.claim-modal{max-width:calc(100% - 1rem);margin:.5rem}.claim-messages{max-height:200px}.claim-message{padding:.625rem}}.notifications-page{padding:0}.notifications-list{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#fffbeb}.notification-item.unread:hover{background:#fef3c7}.notification-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon .material-icons{font-size:20px;color:#fff}.notification-icon.orders_v2{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.notification-icon.questions{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.notification-icon.items{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.notification-icon.messages{background:linear-gradient(135deg,#34d399,#10b981)}.notification-icon.shipments{background:linear-gradient(135deg,#f87171,#ef4444)}.notification-icon.claims{background:linear-gradient(135deg,#fb923c,#f97316)}.notification-icon.payments{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.notification-type{font-size:.875rem;font-weight:500;color:#1f2937}.notification-time{font-size:.75rem;color:#9ca3af}.notification-body{display:flex;flex-direction:column;gap:.25rem}.notification-resource{font-size:.8125rem;color:#6b7280;font-family:monospace;word-break:break-all}.notification-attempts{font-size:.75rem;color:#9ca3af}.unread-indicator{flex-shrink:0}.unread-indicator .material-icons{font-size:10px;color:#60a5fa}@media (max-width: 768px){.notification-item{flex-direction:column;gap:.75rem}.notification-icon{width:32px;height:32px}.notification-icon .material-icons{font-size:16px}}.items-page{padding:0}.filter-stats{margin-left:auto;font-size:.875rem;color:#6b7280}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.item-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.item-image{position:relative;height:180px;background:#f3f4f6}.item-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-image .no-image .material-icons{font-size:48px;color:#d1d5db}.item-image .badge{position:absolute;top:.75rem;right:.75rem}.item-content{padding:1rem;flex:1}.item-title{font-size:.9375rem;font-weight:500;color:#1f2937;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-id{font-size:.75rem;color:#60a5fa;margin:0 0 .75rem}.item-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.item-stats .stat{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#4b5563}.item-stats .stat .material-icons{font-size:16px;color:#9ca3af}.item-listing-type{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;padding-top:.75rem;border-top:1px solid #f3f4f6}.item-listing-type .material-icons{font-size:14px;color:#fbbf24}.item-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-info{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.items-grid{grid-template-columns:1fr}.item-actions{flex-direction:column}.item-actions .btn{width:100%}.pagination{flex-direction:column}}.item-create-page{padding:0}.item-form{max-width:800px}.form-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1rem}.form-section h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#1f2937;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.form-section h2 .material-icons{color:#60a5fa}.form-group label .required{color:#ef4444;margin-left:.25rem}.form-help{font-size:.8125rem;color:#6b7280;margin-top:.5rem}.predicted-category{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;border-radius:6px;margin-bottom:1rem;font-size:.875rem;color:#92400e}.predicted-category .material-icons{color:#f59e0b}.category-search{display:flex;gap:.5rem}.category-search input{flex:1}.category-results{display:flex;flex-direction:column;margin-top:.5rem;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto}.category-item{padding:.625rem .75rem;background:none;border:none;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;border-bottom:1px solid #f3f4f6}.category-item:hover{background:#f9fafb}.category-item:last-child{border-bottom:none}.selected-category{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:.9375rem;color:#166534}.pictures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.picture-item .btn-remove{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.picture-item .btn-remove .material-icons{font-size:16px;color:#fff}.picture-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.picture-add .material-icons{font-size:32px;color:#9ca3af}.picture-add span{font-size:.75rem;color:#6b7280}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.spinner.small{width:16px;height:16px;border-width:2px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.pictures-grid{grid-template-columns:repeat(3,1fr)}.form-section{padding:1rem}.attributes-grid{grid-template-columns:1fr}.category-search{flex-direction:column}.category-search input{width:100%}}@media (max-width: 480px){.pictures-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.form-section{padding:.875rem;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.predicted-category{flex-direction:column;align-items:flex-start;text-align:left}.selected-category{flex-direction:column;align-items:flex-start;gap:.5rem}.picture-add span{display:none}}.item-edit-page{padding:0}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-back:hover{border-color:#60a5fa;color:#60a5fa}.item-status-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;gap:1rem}.status-info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.item-stats{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.item-stats .material-icons{font-size:18px}.status-actions{display:flex;gap:.5rem}.edit-sections{display:flex;flex-direction:column;gap:1rem;max-width:800px}.edit-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#1f2937;margin:0}.section-header h2 .material-icons{color:#60a5fa}.form-group:last-child{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#60a5fa}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.input-with-prefix{display:flex;align-items:stretch}.input-with-prefix .prefix{display:flex;align-items:center;padding:0 .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-right:none;border-radius:6px 0 0 6px;font-size:.875rem;color:#6b7280}.input-with-prefix input{border-radius:0 6px 6px 0;flex:1}.pictures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.picture-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.picture-item img{width:100%;height:100%;object-fit:cover}.picture-item .btn-remove{position:absolute;top:.25rem;right:.25rem;width:22px;height:22px;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.picture-item .btn-remove .material-icons{font-size:14px;color:#fff}.picture-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.picture-add:hover{border-color:#60a5fa;background:#eff6ff}.picture-add .material-icons{font-size:24px;color:#9ca3af}.picture-add span{font-size:.7rem;color:#6b7280}@media (max-width: 768px){.item-status-bar{flex-direction:column;align-items:stretch;padding:1rem}.status-info{justify-content:space-between}.status-actions{justify-content:stretch}.status-actions .btn{flex:1}.form-row{grid-template-columns:1fr}.pictures-grid{grid-template-columns:repeat(4,1fr)}.edit-section{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 480px){.pictures-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.item-stats{font-size:.75rem}.edit-section{padding:.875rem;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.status-actions{flex-direction:column}.status-actions .btn{width:100%}}.metrics-page{padding:0}.period-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem}.reputation-section{margin-bottom:1.5rem}.reputation-section h2{font-size:1rem;color:#1f2937;margin:0 0 1rem}.reputation-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.reputation-level{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;color:#fff;font-weight:600;margin-bottom:1.5rem}.reputation-level .material-icons{font-size:20px}.reputation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.rep-stat{display:flex;flex-direction:column;gap:.25rem}.rep-stat .label{font-size:.75rem;color:#6b7280}.rep-stat .value{font-size:1.25rem;font-weight:600;color:#1f2937}.reputation-metrics{display:flex;flex-direction:column;gap:1rem}.metric-bar{display:flex;align-items:center;gap:1rem}.metric-bar .label{font-size:.875rem;color:#4b5563;width:100px}.metric-bar .bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.metric-bar .fill{height:100%;border-radius:4px;transition:width .3s ease}.metric-bar .fill.green{background:#34d399}.metric-bar .fill.red{background:#f87171}.metric-bar .fill.yellow{background:#fbbf24}.metric-bar .value{font-size:.875rem;font-weight:500;color:#1f2937;width:60px;text-align:right}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{background:#fff;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.metric-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.metric-icon .material-icons{font-size:24px;color:#fff}.metric-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.metric-icon.green{background:linear-gradient(135deg,#34d399,#10b981)}.metric-icon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.metric-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.metric-info{display:flex;flex-direction:column}.metric-value{font-size:1.25rem;font-weight:600;color:#1f2937}.metric-label{font-size:.75rem;color:#6b7280}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.chart-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-card h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#1f2937;margin:0 0 1rem}.chart-card h3 .material-icons{color:#60a5fa}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#9ca3af}.no-data .material-icons{font-size:48px;margin-bottom:.5rem}.no-data p{margin:0;font-size:.875rem}@media (max-width: 768px){.metrics-overview{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.reputation-stats{grid-template-columns:repeat(2,1fr)}.metric-bar{flex-direction:column;align-items:flex-start;gap:.25rem}.metric-bar .label{width:auto}.metric-bar .bar{width:100%}.metric-bar .value{width:auto}}@media (max-width: 480px){.metrics-overview,.reputation-stats{grid-template-columns:1fr}.metric-card{padding:.75rem}.metric-icon{width:40px;height:40px}.metric-icon .material-icons{font-size:20px}.metric-value{font-size:1.125rem}.reputation-card{padding:1rem}.rep-stat .value{font-size:1.125rem}.chart-card{padding:1rem}.no-data{height:200px}}.invoices-page{padding:0}.info-banner{display:flex;gap:1rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1rem}.info-banner .material-icons{font-size:24px;color:#3b82f6;flex-shrink:0}.info-banner strong{display:block;font-size:.875rem;color:#1e40af;margin-bottom:.25rem}.info-banner p{font-size:.8125rem;color:#1e40af;margin:0}.invoices-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.invoices-table{width:100%;border-collapse:collapse}.invoices-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.invoices-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.invoices-table tr:hover{background:#f9fafb}.order-id{font-weight:600;color:#60a5fa}.access-key{font-family:monospace;font-size:.8125rem;color:#6b7280}.access-key-full{font-family:monospace;font-size:.8125rem;word-break:break-all;background:#f3f4f6;padding:.5rem;border-radius:4px;display:block}.quick-actions{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.quick-actions h3{font-size:1rem;color:#1f2937;margin:0 0 1rem}.quick-action-form{display:flex;gap:.75rem}.quick-action-form input{flex:1;max-width:300px;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem}.quick-action-form input:focus{outline:none;border-color:#60a5fa}.invoice-detail-section{margin-bottom:1.5rem}.invoice-detail-section:last-child{margin-bottom:0}.invoice-detail-section h3{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full{grid-column:1 / -1}.detail-item label{font-size:.75rem;color:#6b7280}.detail-item span{font-size:.875rem;color:#1f2937}.modal-description{font-size:.9375rem;color:#4b5563;margin:0 0 1.5rem}.form-group{margin-bottom:1rem;position:relative}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#60a5fa}.form-group .char-count{position:absolute;right:.75rem;bottom:.625rem;font-size:.75rem;color:#9ca3af}@media (max-width: 768px){.invoices-table-container{overflow-x:auto}.invoices-table{min-width:600px}.quick-action-form{flex-direction:column}.quick-action-form input{max-width:none}}.billing-page{padding:0}.billing-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.billing-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;margin:0 0 8px}.billing-page .header-content p{color:var(--text-secondary);margin:0}.billing-page .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.billing-page .account-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);min-width:180px}.date-range{display:flex;align-items:center;gap:8px}.date-range input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.date-range span{color:var(--text-secondary)}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.balance-card{background:var(--bg-card);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);border-left:4px solid}.balance-card.primary{border-left-color:var(--primary-color)}.balance-card.success{border-left-color:var(--success-color)}.balance-card.warning{border-left-color:var(--warning-color)}.balance-card.info{border-left-color:var(--info-color)}.balance-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.balance-card.primary .balance-icon{color:var(--primary-color);background:#3b82f61a}.balance-card.success .balance-icon{color:var(--success-color);background:#10b9811a}.balance-card.warning .balance-icon{color:var(--warning-color);background:#f59e0b1a}.balance-card.info .balance-icon{color:var(--info-color);background:#6366f11a}.balance-icon .material-icons{font-size:24px}.balance-info{display:flex;flex-direction:column}.balance-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:24px;font-weight:700;color:var(--text-primary)}.balance-detail{font-size:12px;color:var(--text-muted)}.billing-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px;overflow-x:auto}.billing-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:none;cursor:pointer;border-radius:8px 8px 0 0;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.billing-tabs .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.billing-tabs .tab.active{background:var(--primary-color);color:#fff}.billing-tabs .tab .material-icons{font-size:18px}.billing-content{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.daily-chart{margin-bottom:24px}.chart-container{display:flex;align-items:flex-end;gap:4px;height:200px;padding:16px 0;overflow-x:auto}.chart-bar-container{display:flex;flex-direction:column;align-items:center;min-width:24px;flex:1}.chart-bar{width:100%;min-height:4px;background:linear-gradient(180deg,var(--primary-color),var(--primary-color-dark, #2563eb));border-radius:4px 4px 0 0;position:relative;cursor:pointer;transition:all .2s}.chart-bar:hover{opacity:.8}.chart-bar .bar-value{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;box-shadow:var(--shadow-md)}.chart-bar:hover .bar-value{display:block}.bar-date{font-size:10px;color:var(--text-muted);margin-top:8px}.totals-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding-top:20px;border-top:1px solid var(--border-color)}.total-item{text-align:center;padding:16px;background:var(--bg-secondary);border-radius:8px}.total-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.total-value{display:block;font-size:20px;font-weight:700}.total-value.success{color:var(--success-color)}.total-value.warning{color:var(--warning-color)}.total-value.primary{color:var(--primary-color)}.settlements-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase}.data-table td{font-size:14px}.data-table tr:hover{background:var(--bg-secondary)}.order-id{font-family:monospace;font-weight:600}.amount{font-weight:600;color:var(--success-color)}.fees-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.fee-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px}.fee-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.fee-icon.marketplace{background:#3b82f61a;color:var(--primary-color)}.fee-icon.shipping{background:#10b9811a;color:var(--success-color)}.fee-icon.financing{background:#f59e0b1a;color:var(--warning-color)}.fee-info{display:flex;flex-direction:column}.fee-label{font-size:14px;color:var(--text-secondary)}.fee-value{font-size:20px;font-weight:700}.fees-summary-box{background:var(--bg-secondary);border-radius:12px;padding:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.summary-row:last-of-type{border-bottom:none}.summary-row.negative .value{color:var(--danger-color)}.summary-row.total{font-size:18px;font-weight:700;padding-top:16px;margin-top:8px;border-top:2px solid var(--border-color);border-bottom:none}.summary-row.total .value{color:var(--primary-color)}.summary-note{margin-top:16px;padding-top:12px;border-top:1px dashed var(--border-color);font-size:12px;color:var(--text-muted);text-align:center}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.report-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent}.report-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.report-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff}.report-info{flex:1}.report-info h4{margin:0 0 4px;font-size:16px}.report-info p{margin:0;font-size:12px;color:var(--text-secondary)}.report-card .arrow{color:var(--text-muted)}.badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-success{background:#10b9811a;color:var(--success-color)}.badge-secondary{background:var(--bg-secondary);color:var(--text-secondary)}@media (max-width: 768px){.page-header{flex-direction:column}.header-actions{width:100%}.date-range{flex-wrap:wrap}.balance-cards{grid-template-columns:1fr 1fr}.billing-tabs{flex-wrap:nowrap}}@media (max-width: 480px){.balance-cards{grid-template-columns:1fr}}.moderations-page{padding:0}.moderations-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.moderations-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;margin:0 0 8px}.moderations-page .header-content p{color:var(--text-secondary);margin:0}.moderations-page .header-actions{display:flex;align-items:center;gap:12px}.moderations-page .account-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);min-width:180px}.reputation-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.reputation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reputation-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.power-seller-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.power-seller-badge .material-icons{font-size:16px}.reputation-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.reputation-level{display:flex;align-items:center;gap:16px}.level-indicator{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.level-indicator .material-icons{font-size:28px}.level-info{display:flex;flex-direction:column}.level-name{font-size:18px;font-weight:600}.seller-nickname{font-size:14px;color:var(--text-secondary)}.reputation-stats{display:flex;gap:32px}.rep-stat{text-align:center}.rep-value{display:block;font-size:24px;font-weight:700}.rep-label{font-size:12px;color:var(--text-secondary)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:var(--bg-card);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);border-left:4px solid var(--border-color)}.summary-card.warning{border-left-color:var(--warning-color)}.summary-card.danger{border-left-color:var(--danger-color)}.summary-card.info{border-left-color:var(--info-color)}.summary-card.success{border-left-color:var(--success-color)}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.summary-card.warning .summary-icon{color:var(--warning-color)}.summary-card.danger .summary-icon{color:var(--danger-color)}.summary-card.info .summary-icon{color:var(--info-color)}.summary-info{display:flex;flex-direction:column}.summary-value{font-size:28px;font-weight:700}.summary-label{font-size:12px;color:var(--text-secondary)}.items-section{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:18px}.section-header .count{font-size:14px;color:var(--text-secondary)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.item-card{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-color);transition:all .2s}.item-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.item-header{display:flex;gap:12px;margin-bottom:12px}.item-image{width:64px;height:64px;border-radius:8px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-image .material-icons{font-size:32px;color:var(--text-muted)}.item-info{flex:1;min-width:0}.item-title{margin:0 0 4px;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-id{font-size:12px;color:var(--text-muted);font-family:monospace}.item-health{margin-bottom:12px}.health-bar-container{display:flex;flex-direction:column;gap:6px}.health-label{display:flex;justify-content:space-between;font-size:12px}.health-value{font-weight:600}.health-value.success{color:var(--success-color)}.health-value.warning{color:var(--warning-color)}.health-value.danger{color:var(--danger-color)}.health-bar{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.health-fill{height:100%;border-radius:3px;transition:width .3s ease}.health-fill.success{background:var(--success-color)}.health-fill.warning{background:var(--warning-color)}.health-fill.danger{background:var(--danger-color)}.item-status{display:flex;align-items:center;gap:8px;margin-bottom:12px}.status-badge.secondary{background:var(--bg-card);color:var(--text-secondary)}.warning-count,.error-count{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px}.warning-count{background:#f59e0b1a;color:var(--warning-color)}.error-count{background:#ef44441a;color:var(--danger-color)}.warning-count .material-icons,.error-count .material-icons{font-size:14px}.item-actions{display:flex;gap:8px}.btn-outline{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:transparent;border-radius:8px;cursor:pointer;text-decoration:none;color:var(--text-secondary);transition:all .2s}.modal-content{background:var(--bg-card);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.large{max-width:800px}.modal-body{padding:24px;overflow-y:auto;flex:1}.item-detail-header{display:flex;gap:20px;margin-bottom:24px}.item-image-large{width:120px;height:120px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.item-image-large img{width:100%;height:100%;object-fit:cover}.item-detail-info h3{margin:0 0 8px;font-size:16px}.item-detail-info .item-id{display:block;margin-bottom:12px}.health-details{margin-bottom:24px}.health-details h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px}.health-details .score{margin-left:8px;padding:4px 12px;border-radius:20px;font-size:14px}.health-details .score.success{background:#10b9811a;color:var(--success-color)}.health-details .score.warning{background:#f59e0b1a;color:var(--warning-color)}.health-details .score.danger{background:#ef44441a;color:var(--danger-color)}.issues-list{background:var(--bg-secondary);border-radius:12px;padding:16px}.issues-list h5{margin:0 0 12px;font-size:14px;color:var(--text-secondary)}.issue-item{display:flex;gap:12px;padding:12px;border-radius:8px;margin-bottom:8px}.issue-item:last-child{margin-bottom:0}.issue-item.error{background:#ef44441a}.issue-item.warning{background:#f59e0b1a}.issue-item.info{background:#3b82f61a}.issue-item.error .material-icons{color:var(--danger-color)}.issue-item.warning .material-icons{color:var(--warning-color)}.issue-item.info .material-icons{color:var(--info-color)}.issue-content{display:flex;flex-direction:column;gap:4px}.issue-message{font-size:14px}.issue-recommendation{font-size:12px;color:var(--text-muted)}.actions-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.priority-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#ef44441a;color:var(--danger-color)}.priority-badge.medium{background:#f59e0b1a;color:var(--warning-color)}.priority-badge.low{background:#10b9811a;color:var(--success-color)}.action-message{font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none}.empty-state.success{background:#10b9810d;border-radius:12px}.empty-state.success .material-icons{color:var(--success-color)}@media (max-width: 768px){.page-header{flex-direction:column}.reputation-content{flex-direction:column;align-items:flex-start}.items-grid{grid-template-columns:1fr}.item-detail-header{flex-direction:column;align-items:center;text-align:center}}.reviews-page{padding:0}.reviews-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.reviews-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;margin:0 0 8px}.reviews-page .header-content p{color:var(--text-secondary);margin:0}.reviews-page .header-actions{display:flex;align-items:center;gap:12px}.reviews-page .account-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);min-width:180px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--shadow-sm);border-top:3px solid var(--border-color)}.stat-card.primary{border-top-color:var(--primary-color)}.stat-card.success{border-top-color:var(--success-color)}.stat-card.warning{border-top-color:var(--warning-color)}.stat-card.danger{border-top-color:var(--danger-color)}.stat-value{font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.stat-card.primary .stat-value{color:var(--primary-color)}.stat-card.primary .stat-value .material-icons{color:#fbbf24}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:8px;text-transform:uppercase}.sentiment-section{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.sentiment-section h3{margin:0 0 16px;font-size:16px}.sentiment-bars{display:flex;flex-direction:column;gap:12px}.sentiment-bar{display:flex;flex-direction:column;gap:6px}.sentiment-info{display:flex;justify-content:space-between;align-items:center}.sentiment-label{font-size:13px;font-weight:500}.sentiment-label.success{color:var(--success-color)}.sentiment-label.warning{color:var(--warning-color)}.sentiment-label.danger{color:var(--danger-color)}.sentiment-count{font-size:14px;font-weight:600}.bar-track{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.bar-fill.success{background:var(--success-color)}.bar-fill.warning{background:var(--warning-color)}.bar-fill.danger{background:var(--danger-color)}.reviews-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.reviews-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.reviews-tabs .tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.reviews-tabs .tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border-left:4px solid}.review-card.rating-success{border-left-color:var(--success-color)}.review-card.rating-warning{border-left-color:var(--warning-color)}.review-card.rating-danger{border-left-color:var(--danger-color)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.reviewer-info{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.reviewer-details{display:flex;flex-direction:column}.reviewer-name{font-weight:600;font-size:14px}.review-date{font-size:12px;color:var(--text-muted)}.review-rating{display:flex;align-items:center;gap:8px}.stars{display:flex;gap:2px}.star{font-size:18px;color:var(--text-muted)}.star.filled{color:#fbbf24}.rating-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.rating-badge.success{background:#10b9811a;color:var(--success-color)}.rating-badge.warning{background:#f59e0b1a;color:var(--warning-color)}.rating-badge.danger{background:#ef44441a;color:var(--danger-color)}.review-content{margin-bottom:12px}.review-title{margin:0 0 8px;font-size:16px}.review-text{margin:0;color:var(--text-secondary);line-height:1.5}.review-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border-color);margin-top:12px}.review-item .material-icons{font-size:16px}.review-reply{margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:8px}.reply-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--primary-color);margin-bottom:8px}.reply-header .material-icons{font-size:16px}.reply-text{margin:0;font-size:14px;color:var(--text-secondary)}.review-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-outline:hover{background:var(--primary-color);color:#fff}.reply-form{display:flex;flex-direction:column;gap:12px}.reply-form textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);resize:vertical;font-size:14px;min-height:80px}.reply-form textarea:focus{outline:none;border-color:var(--primary-color)}.reply-buttons{display:flex;gap:8px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:12px}.empty-state h3{margin:0 0 8px;color:var(--text-primary)}.alert-danger{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}@media (max-width: 768px){.page-header{flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.stats-cards{grid-template-columns:repeat(2,1fr)}.review-header{flex-direction:column}.review-rating{width:100%}}.inventory-page{padding:0}.inventory-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.inventory-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;margin:0 0 8px}.inventory-page .header-content p{color:var(--text-secondary);margin:0}.inventory-page .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inventory-page .account-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);min-width:180px}.threshold-control{display:flex;align-items:center;gap:8px;font-size:14px}.threshold-control input{width:60px;padding:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);text-align:center}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.green{background:#10b9811a;color:#10b981}.stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.stat-icon.red{background:#ef44441a;color:#ef4444}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:11px;color:var(--text-secondary)}.warehouses-section{background:var(--bg-card);border-radius:12px;padding:16px 20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.warehouses-section h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;color:var(--text-secondary)}.warehouses-list{display:flex;flex-wrap:wrap;gap:8px}.warehouse-card{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;font-size:13px}.warehouse-card .material-icons{font-size:16px;color:var(--primary-color)}.inventory-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.inventory-tabs .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.inventory-tabs .tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.inventory-tabs .tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.products-section{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.products-table-container{overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.products-table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;background:var(--bg-secondary)}.products-table tbody tr{transition:background .2s}.products-table tbody tr:hover{background:var(--bg-secondary)}.products-table tbody tr.row-warning{background:#f59e0b0d}.products-table tbody tr.row-danger{background:#ef44440d}.product-cell{max-width:300px}.product-info{display:flex;flex-direction:column}.product-title{font-size:14px;font-weight:500;margin-bottom:4px}.product-id{font-size:12px;color:var(--text-muted);font-family:monospace}.price{font-weight:600;color:var(--text-primary)}.quantity{text-align:center}.qty-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.qty-badge.success{background:#10b9811a;color:var(--success-color)}.qty-badge.warning{background:#f59e0b1a;color:var(--warning-color)}.qty-badge.danger{background:#ef44441a;color:var(--danger-color)}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.success{background:#10b9811a;color:var(--success-color)}.status-badge.warning{background:#f59e0b1a;color:var(--warning-color)}.status-badge.danger{background:#ef44441a;color:var(--danger-color)}.fulfillment-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:4px;font-size:11px;font-weight:600}.fulfillment-badge .material-icons{font-size:14px}.logistic-type{font-size:12px;color:var(--text-secondary)}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-icon .material-icons{font-size:18px}.modal-content{background:var(--bg-card);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:18px}.btn-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary)}.modal-body{padding:24px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.item-preview{margin-bottom:20px}.item-preview h4{margin:0 0 8px;font-size:16px}.item-preview .item-id{font-size:12px;color:var(--text-muted);font-family:monospace}.stock-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.stock-info-item{background:var(--bg-secondary);padding:16px;border-radius:8px;text-align:center}.stock-info-item .label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.stock-info-item .value{display:block;font-size:24px;font-weight:700}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);font-size:16px}.form-input:focus{outline:none;border-color:var(--primary-color)}.variations-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border-radius:8px;font-size:13px;color:var(--text-secondary)}.variations-note .material-icons{font-size:18px;color:var(--primary-color);flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.empty-state{text-align:center;padding:60px 20px}.empty-state .material-icons{font-size:64px;color:var(--text-muted);margin-bottom:16px}.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--text-secondary);margin:0}.loading-state{text-align:center;padding:60px 20px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px}.alert button{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;opacity:.7}.alert-danger{background:#ef44441a;color:var(--danger-color)}.alert-success{background:#10b9811a;color:var(--success-color)}@media (max-width: 768px){.page-header{flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.stats-cards{grid-template-columns:repeat(2,1fr)}.products-table th:nth-child(4),.products-table td:nth-child(4){display:none}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}}.sales-dashboard{display:flex;flex-direction:column;min-height:calc(100vh - 60px);background-color:var(--color-bg-secondary)}.dashboard-layout{display:flex;flex:1;gap:0}.filters-sidebar{width:280px;min-width:280px;background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);height:calc(100vh - 60px);overflow-y:auto;position:sticky;top:0}.filters-sidebar h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-group input,.filter-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;background-color:var(--color-bg);transition:all var(--transition-fast);width:100%}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf61a}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.filters-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.filters-actions .btn{width:100%;justify-content:center}.btn-filter-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast)}.btn-filter-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.btn-filter-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast)}.btn-filter-secondary:hover{background:var(--color-border-light)}.dashboard-content{flex:1;padding:var(--space-5);overflow-x:hidden;min-width:0}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.metric-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4);border-left:4px solid;box-shadow:0 1px 3px #0000000d;transition:all var(--transition-fast);position:relative}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card.purple{border-left-color:#8b5cf6}.metric-card.blue{border-left-color:#3b82f6}.metric-card.orange{border-left-color:#f97316}.metric-card.yellow{border-left-color:#eab308}.metric-card.green{border-left-color:#10b981}.metric-card.gray{border-left-color:#6b7280}.metric-card.teal{border-left-color:#14b8a6}.metric-card.pink{border-left-color:#ec4899}.metric-card.cyan{border-left-color:#06b6d4}.metric-card.red{border-left-color:#ef4444}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.metric-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.metric-card-info{color:var(--color-text-muted);cursor:help;font-size:18px}.metric-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3);line-height:1.2}.metric-card-details{border-top:1px solid var(--color-border-light);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.metric-detail-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.metric-detail-row span:last-child{font-weight:var(--font-medium);color:var(--color-text)}.metric-detail-row.highlight span:last-child{color:#10b981;font-weight:var(--font-semibold)}.metric-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;margin-top:var(--space-2)}.metric-checkbox input{accent-color:#8b5cf6;width:16px;height:16px}.metrics-grid-secondary{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.modality-list{display:flex;flex-direction:column;gap:var(--space-1)}.modality-item{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0}.modality-item span:last-child{font-weight:var(--font-medium);color:var(--color-text)}.modality-total{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-2);font-weight:var(--font-semibold)}.modality-total span:last-child{color:#8b5cf6}.sales-details-section{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;margin-bottom:var(--space-5);overflow:hidden}.sales-details-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.sales-details-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.sales-details-actions{display:flex;gap:var(--space-3)}.btn-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-action-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.btn-action-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-action-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-action-success:hover{background:linear-gradient(135deg,#059669,#047857)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.sales-table{width:100%;min-width:1200px;border-collapse:collapse}.sales-table thead{background:var(--color-bg-secondary);position:sticky;top:0}.sales-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid var(--color-border)}.sales-table th.col-revenue{background:#8b5cf614;color:#7c3aed}.sales-table th.col-negative{color:#dc2626}.sales-table th.col-margin{background:#10b98114;color:#059669}.sales-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.sales-table tbody tr:hover{background:var(--color-bg-secondary)}.sales-table td.col-revenue{background:#8b5cf60a;font-weight:var(--font-semibold);color:#7c3aed}.sales-table td.col-negative{color:#6b7280}.sales-table td.col-margin{background:#10b9810a;font-weight:var(--font-semibold)}.sales-table td.col-margin.positive{color:#059669}.sales-table td.col-margin.negative{color:#dc2626}.cell-title{max-width:250px;overflow:hidden;text-overflow:ellipsis}.sku-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid;background:transparent}.sku-button.has-cost{background:#dcfce7;border-color:#86efac;color:#166534}.sku-button.has-cost:hover{background:#bbf7d0}.sku-button.no-cost{background:#fef9c3;border-color:#fde047;color:#854d0e}.sku-button.no-cost:hover{background:#fef08a}.sku-button .material-icons{font-size:14px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--space-3)}.pagination-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{font-size:var(--text-sm);color:var(--color-text);padding:0 var(--space-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);color:var(--color-text-secondary);text-align:center}.empty-state .material-icons{font-size:64px;color:var(--color-border);margin-bottom:var(--space-4)}.empty-state p{font-size:var(--text-lg);margin-bottom:var(--space-2)}.empty-state small{color:var(--color-text-muted)}.charts-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 1px 3px #0000000d}.charts-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-5)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.chart-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-light)}.chart-card h4{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-4)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.spinner-lg{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.sku-modal{max-width:700px;width:95vw}.sku-modal .modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.sku-modal .modal-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold)}.sku-modal .modal-body{padding:var(--space-5)}.sku-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.sku-modal-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.sku-modal-section h4 .material-icons{color:#8b5cf6}.sku-form-group{margin-bottom:var(--space-4)}.sku-form-group label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.sku-form-group label .material-icons{font-size:14px;color:var(--color-text-muted);cursor:help}.sku-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;transition:all var(--transition-fast)}.sku-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.sku-input.highlight{border-color:#8b5cf6;border-width:2px;font-weight:var(--font-semibold);text-align:right}.sku-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted)}.sku-checkbox-group{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3)}.sku-checkbox-group input{margin-top:3px;accent-color:#8b5cf6}.sku-checkbox-group span{font-size:var(--text-sm);color:var(--color-text)}.sku-warning-box{display:flex;gap:var(--space-3);padding:var(--space-4);background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);margin-top:var(--space-4)}.sku-warning-box .material-icons{color:#d97706;flex-shrink:0}.sku-warning-box p{font-size:var(--text-sm);color:#92400e;line-height:1.5}.sku-modal .modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}.btn-sku{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-sku-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.btn-sku-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-sku-secondary{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.btn-sku-secondary:hover{background:#ede9fe}.btn-sku-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-sku-ghost:hover{background:var(--color-bg-secondary)}.mobile-filter-toggle{display:none;position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;box-shadow:0 4px 12px #8b5cf666;cursor:pointer;z-index:100;align-items:center;justify-content:center}.mobile-filter-toggle .material-icons{font-size:24px}.filters-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.filters-overlay.active{display:block}@media (min-width: 1400px){.metrics-grid,.metrics-grid-secondary{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1399px){.metrics-grid,.metrics-grid-secondary{grid-template-columns:repeat(3,1fr)}.metric-card-value{font-size:var(--text-xl)}}@media (max-width: 1100px){.filters-sidebar{position:fixed;left:-300px;top:60px;height:calc(100vh - 60px);z-index:250;transition:left .3s ease;box-shadow:4px 0 20px #00000026}.filters-sidebar.open{left:0}.mobile-filter-toggle{display:flex}.dashboard-content{padding:var(--space-4)}.metrics-grid,.metrics-grid-secondary{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.charts-grid,.sku-modal-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-content{padding:var(--space-3)}.metrics-grid,.metrics-grid-secondary{grid-template-columns:1fr;gap:var(--space-3)}.metric-card{padding:var(--space-3)}.metric-card-value{font-size:var(--text-lg)}.metric-card-title,.metric-detail-row{font-size:var(--text-xs)}.sales-details-header{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.sales-details-header h3{font-size:var(--text-base)}.sales-details-actions{width:100%;flex-direction:column}.btn-action{justify-content:center;width:100%}.table-footer{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.pagination-controls{width:100%;justify-content:space-between}.charts-section{padding:var(--space-3)}.charts-section h3{font-size:var(--text-base)}.chart-card{padding:var(--space-3)}.sku-modal{width:100%;max-width:100%;margin:0;border-radius:0;max-height:100vh}.sku-modal-grid{gap:var(--space-4)}.sku-modal .modal-footer{flex-direction:column}.btn-sku{width:100%;text-align:center}}@media (max-width: 480px){.filters-sidebar{width:100%;left:-100%}.mobile-filter-toggle{bottom:var(--space-4);right:var(--space-4);width:48px;height:48px}.sales-table th,.sales-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.cell-title{max-width:150px}}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.alert-warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.alert .material-icons:first-child{flex-shrink:0}.alert-content{flex:1}.alert-content small{display:block;margin-top:var(--space-1);opacity:.8}.alert-close{background:none;border:none;cursor:pointer;color:inherit;padding:0;flex-shrink:0}.text-success{color:#059669}.text-danger{color:#dc2626}.text-warning{color:#d97706}.reputation-page{padding:1.5rem 2rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.reputation-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.reputation-page .header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}.reputation-page .header-content h1 .material-icons{font-size:1.75rem;color:#3b82f6}.reputation-page .header-content p{color:#64748b;font-size:.9375rem;margin:.25rem 0 0}.reputation-page .header-actions{display:flex;align-items:center;gap:.75rem}.reputation-page .account-select{padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:.875rem;font-weight:500;cursor:pointer;min-width:180px}.reputation-page .account-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-secondary .material-icons{font-size:1.125rem}.alert .material-icons{font-size:1.25rem}.level-section{margin-bottom:2rem}.level-card{display:grid;grid-template-columns:280px 1fr;gap:2rem;background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.level-thermometer,.thermometer-container{position:relative}.thermometer-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.thermometer-label{font-size:.875rem;font-weight:600;color:#334155;white-space:nowrap}.level-info{display:flex;flex-direction:column;justify-content:center}.level-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--level-color) 10%,transparent);border-radius:10px;width:fit-content;margin-bottom:.75rem}.level-badge .material-icons{font-size:1.5rem;color:var(--level-color)}.level-badge span:last-child{font-size:1.125rem;font-weight:700;color:var(--level-color)}.level-description{color:#64748b;font-size:.9375rem;margin:0 0 1.5rem}.level-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.level-stat{text-align:center;padding:1rem;background:#f8fafc;border-radius:10px}.level-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#0f172a}.level-stat .stat-label{font-size:.75rem;color:#64748b;margin-top:.25rem;display:block}.level-stat.positive .stat-value{color:#10b981}.level-stat.negative .stat-value{color:#ef4444}.power-seller-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#78350f;font-weight:600;font-size:.875rem}.power-seller-badge .material-icons{font-size:1.25rem}.metrics-section{margin-bottom:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #00000014}.metric-card.good{border-top:4px solid #10b981}.metric-card.warning{border-top:4px solid #f59e0b}.metric-card.danger{border-top:4px solid #ef4444}.metric-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-card.good .metric-icon{background:#ecfdf5;color:#10b981}.metric-card.warning .metric-icon{background:#fffbeb;color:#f59e0b}.metric-card.danger .metric-icon{background:#fef2f2;color:#ef4444}.metric-badge{padding:.25rem .625rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.metric-badge.good{background:#ecfdf5;color:#059669}.metric-badge.warning{background:#fffbeb;color:#d97706}.metric-badge.danger{background:#fef2f2;color:#dc2626}.metric-body{padding:1.25rem}.metric-value{font-size:2rem;font-weight:700;color:#0f172a;display:block}.metric-label{font-size:.875rem;color:#64748b;display:block;margin-bottom:.75rem}.metric-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.metric-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.metric-help{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#94a3b8;margin:0}.metric-help .material-icons{font-size:.875rem}.metric-details{padding:.75rem 1.25rem;background:#f8fafc;border-top:1px solid #f1f5f9}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem}.detail-row span:first-child{color:#64748b}.detail-row span:last-child{font-weight:600;color:#334155}.history-section{margin-bottom:2rem}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tip-card{display:flex;gap:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.25rem;transition:all .2s}.tip-card:hover{box-shadow:0 4px 12px #00000014}.tip-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon.blue{background:#eff6ff;color:#3b82f6}.tip-icon.green{background:#ecfdf5;color:#10b981}.tip-icon.purple{background:#f5f3ff;color:#8b5cf6}.tip-icon.orange{background:#fff7ed;color:#f97316}.tip-icon .material-icons{font-size:1.5rem}.tip-content h4{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0 0 .375rem}.tip-content p{font-size:.8125rem;color:#64748b;margin:0 0 .75rem;line-height:1.5}.tip-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;color:#3b82f6;text-decoration:none}.tip-link:hover{color:#2563eb}.tip-link .material-icons{font-size:1rem}.protection-section{margin-bottom:2rem}.protection-card{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(to right,#ecfdf5,#fff);border:1px solid #10b981;border-radius:12px;padding:1.5rem}.protection-icon{width:56px;height:56px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.protection-icon .material-icons{font-size:1.75rem;color:#fff}.protection-content h3{font-size:1rem;font-weight:600;color:#059669;margin:0 0 .375rem}.protection-content p{font-size:.875rem;color:#64748b;margin:0}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.reputation-page{padding:1rem}.level-card{grid-template-columns:1fr;text-align:center}.level-badge{margin:0 auto .75rem}.level-stats{grid-template-columns:repeat(2,1fr)}.tips-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.account-select{flex:1;min-width:140px}.metrics-grid{grid-template-columns:1fr}.level-stats{grid-template-columns:1fr 1fr}.protection-card{flex-direction:column;text-align:center}}.quality-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;background:#f8fafc;min-height:100vh}.quality-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.quality-page .header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}.quality-page .header-content h1 .material-icons{font-size:1.75rem;color:#f59e0b}.quality-page .header-content p{color:#64748b;font-size:.9375rem;margin:.25rem 0 0}.quality-page .header-actions{display:flex;align-items:center;gap:.75rem}.quality-page .account-select{padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:.875rem;font-weight:500;cursor:pointer;min-width:180px}.quality-page .account-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.overview-section{margin-bottom:2rem}.overview-grid{display:grid;grid-template-columns:280px 1fr 280px;gap:1rem}.score-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0;text-align:center}.score-gauge{position:relative;margin-bottom:.5rem}.score-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);display:flex;flex-direction:column;align-items:center}.score-value{font-size:2.5rem;font-weight:800}.score-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.score-info p{font-size:.875rem;color:#64748b;margin:0}.stats-cards{display:flex;flex-direction:column;gap:.75rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s}.stat-card:hover{transform:translate(4px)}.stat-card.active{border-color:currentColor}.stat-card.green{border-left:4px solid #10b981}.stat-card.green .stat-icon{background:#ecfdf5;color:#10b981}.stat-card.green.active{background:#ecfdf5}.stat-card.yellow{border-left:4px solid #f59e0b}.stat-card.yellow .stat-icon{background:#fffbeb;color:#f59e0b}.stat-card.yellow.active{background:#fffbeb}.stat-card.red{border-left:4px solid #ef4444}.stat-card.red .stat-icon{background:#fef2f2;color:#ef4444}.stat-card.red.active{background:#fef2f2}.stat-icon .material-icons{font-size:1.5rem}.stat-info{flex:1}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#0f172a}.stat-label{font-size:.8125rem;color:#64748b}.stat-percent{font-size:1.125rem;font-weight:600;color:#94a3b8}.distribution-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e2e8f0}.distribution-card h3{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.items-section{margin-bottom:2rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.item-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;cursor:pointer;transition:all .2s}.item-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.item-card.professional{border-top:3px solid #10b981}.item-card.satisfactory{border-top:3px solid #f59e0b}.item-card.basic{border-top:3px solid #ef4444}.item-image{position:relative;height:160px;background:#f8fafc;display:flex;align-items:center;justify-content:center}.item-image img{max-width:100%;max-height:100%;object-fit:contain}.item-image .no-image{color:#cbd5e1}.item-image .no-image .material-icons{font-size:3rem}.quality-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:20px;color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.quality-badge .material-icons{font-size:.875rem}.item-content{padding:1rem 1.25rem}.item-title{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 .25rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-id{font-size:.75rem;color:#94a3b8;margin:0 0 .75rem}.quality-score{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.score-bar{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.score-fill{height:100%;border-radius:3px;transition:width .3s ease}.score-text{font-size:.75rem;font-weight:600;color:#64748b;min-width:32px}.issues-preview{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#f59e0b}.issues-preview .material-icons{font-size:1rem}.item-actions{padding:.75rem 1.25rem;background:#f8fafc;border-top:1px solid #f1f5f9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.modal-header h2{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.btn-close{width:36px;height:36px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#0f172a}.modal-body{padding:1.5rem}.item-detail-header{display:flex;gap:1rem;margin-bottom:1.5rem}.item-thumb{width:80px;height:80px;border-radius:8px;object-fit:contain;background:#f8fafc}.item-detail-info h3{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.item-detail-info p{font-size:.8125rem;color:#64748b;margin:0 0 .75rem}.quality-level-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600}.quality-level-badge .material-icons{font-size:1rem}.quality-detail-score{display:flex;justify-content:center;margin-bottom:1.5rem}.detail-score-circle{width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--score-color) 10%,transparent);border:4px solid var(--score-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.detail-score-circle .score{font-size:2rem;font-weight:800;color:var(--score-color)}.detail-score-circle .label{font-size:.6875rem;color:#64748b;text-transform:uppercase}.issues-section h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.issues-section h4 .material-icons{font-size:1.25rem;color:#64748b}.issues-list{list-style:none;padding:0;margin:0 0 1.5rem}.issue-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem}.issue-item .material-icons{font-size:1.25rem}.issue-item.high .material-icons{color:#ef4444}.issue-item.medium .material-icons{color:#f59e0b}.issue-item.low .material-icons{color:#3b82f6}.issue-message{flex:1;font-size:.875rem;color:#334155}.issue-priority{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.issue-priority.high{background:#fef2f2;color:#dc2626}.issue-priority.medium{background:#fffbeb;color:#d97706}.issue-priority.low{background:#eff6ff;color:#2563eb}.no-issues{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#ecfdf5;border-radius:12px;margin-bottom:1.5rem}.no-issues .material-icons{font-size:2.5rem;color:#10b981;margin-bottom:.5rem}.no-issues p{font-size:.875rem;color:#059669;margin:0}.modal-actions{display:flex;gap:.75rem}.modal-actions .btn{flex:1}.tip-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem;text-align:center;transition:all .2s}.tip-icon{width:56px;height:56px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.tip-icon .material-icons{font-size:1.75rem;color:#3b82f6}@media (max-width: 1200px){.overview-grid{grid-template-columns:1fr 1fr}.score-card{grid-column:span 2}.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quality-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.account-select{flex:1;min-width:140px}.overview-grid{grid-template-columns:1fr}.score-card{grid-column:span 1}.items-grid,.tips-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.trends-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;background:#f8fafc;min-height:100vh}.trends-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.trends-page .header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}.trends-page .header-content h1 .material-icons{font-size:1.75rem;color:#10b981}.trends-page .header-content p{color:#64748b;font-size:.9375rem;margin:.25rem 0 0}.trends-page .header-actions{display:flex;align-items:center;gap:.75rem}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-sm{padding:.5rem .875rem;font-size:.8125rem}.filters-section{margin-bottom:1.5rem}.search-box{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;transition:all .2s}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box .material-icons{color:#94a3b8;font-size:1.25rem}.search-box input{flex:1;border:none;outline:none;font-size:.9375rem;color:#0f172a}.search-box input::placeholder{color:#94a3b8}.clear-btn{background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;display:flex;align-items:center}.clear-btn:hover{color:#64748b}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.5rem 1rem;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.chip:hover{border-color:#3b82f6;color:#3b82f6}.chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.overview-section{margin-bottom:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.trend-highlight{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:12px;padding:1.25rem 1.5rem;border:1px solid #e2e8f0;transition:all .2s}.trend-highlight:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.highlight-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.trend-highlight.hot .highlight-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444}.trend-highlight.growing .highlight-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}.trend-highlight.total .highlight-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.highlight-icon .material-icons{font-size:1.75rem}.highlight-content{display:flex;flex-direction:column;gap:.125rem}.highlight-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.highlight-value{font-size:1.125rem;font-weight:700;color:#0f172a}.highlight-volume{font-size:.8125rem;color:#94a3b8}.highlight-growth{font-size:.875rem;font-weight:600}.highlight-growth.positive{color:#10b981}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.chart-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#0f172a;margin:0}.chart-body{padding:1.25rem}.trends-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.trends-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.trends-table{width:100%;border-collapse:collapse}.trends-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.trends-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.trends-table tr:last-child td{border-bottom:none}.trends-table tr:hover{background:#f8fafc}.rank-cell .rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f1f5f9;font-size:.8125rem;font-weight:600;color:#64748b}.rank-cell .rank.top{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.keyword-cell .keyword-content{display:flex;align-items:center;gap:.5rem}.keyword-cell .keyword{font-weight:600;color:#0f172a}.keyword-cell .fire-icon{font-size:1rem;color:#f97316}.category-cell .category-badge{display:inline-block;padding:.25rem .625rem;background:#f1f5f9;border-radius:4px;font-size:.75rem;color:#64748b}.volume-cell{text-align:right}.volume-cell .volume{display:block;font-size:1rem;font-weight:700;color:#0f172a}.volume-cell .volume-label{font-size:.6875rem;color:#94a3b8}.growth-cell .growth-indicator{display:flex;align-items:center;gap:.25rem;font-weight:600;font-size:.875rem}.growth-cell .growth-indicator .material-icons{font-size:1.125rem}.opportunities-section{margin-bottom:2rem}.opportunities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.opportunity-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.25rem;transition:all .2s}.opportunity-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#10b981}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.opportunity-rank{font-size:.75rem;font-weight:600;color:#94a3b8}.opportunity-growth{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.opportunity-growth .material-icons{font-size:1rem}.opportunity-keyword{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .375rem}.opportunity-volume{font-size:.8125rem;color:#64748b;margin:0 0 1rem}.opportunity-actions{display:flex;gap:.5rem}.opportunity-actions .btn{flex:1}.opportunity-actions .btn:last-child{flex:0}.no-opportunities{display:flex;flex-direction:column;align-items:center;padding:3rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;color:#94a3b8;text-align:center}.no-opportunities .material-icons{font-size:3rem;margin-bottom:.5rem}.no-opportunities p{margin:0;font-size:.9375rem}.tips-section{margin-bottom:2rem}.tip-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem;transition:all .2s}.tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tip-number{width:32px;height:32px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#3b82f6;margin-bottom:1rem}.tip-card h4{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;color:#94a3b8}.empty-state .material-icons{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#334155;margin:0 0 .5rem}.empty-state p{margin:0}@media (max-width: 1200px){.overview-grid{grid-template-columns:repeat(2,1fr)}.overview-grid .trend-highlight:last-child{grid-column:span 2}.opportunities-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.trends-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.overview-grid{grid-template-columns:1fr}.overview-grid .trend-highlight:last-child{grid-column:span 1}.opportunities-grid,.tips-grid{grid-template-columns:1fr}.trends-table-container{overflow-x:auto}.trends-table{min-width:700px}.category-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.chip{flex-shrink:0}}.competitors-page{padding:1.5rem 2rem;max-width:1800px;margin:0 auto;background:#f8fafc;min-height:100vh}.competitors-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.competitors-page .header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}.competitors-page .header-content h1 .material-icons{font-size:1.75rem;color:#8b5cf6}.competitors-page .header-content p{color:#64748b;font-size:.9375rem;margin:.25rem 0 0}.competitors-page .account-select{padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:.875rem;font-weight:500;cursor:pointer;min-width:180px}.competitors-page .main-content{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.products-sidebar{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;height:fit-content;position:sticky;top:1.5rem;max-height:calc(100vh - 8rem);display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.sidebar-header h3{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0}.product-count{padding:.25rem .625rem;background:#f1f5f9;border-radius:20px;font-size:.75rem;font-weight:600;color:#64748b}.products-sidebar .search-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid #f1f5f9}.products-sidebar .search-box .material-icons{color:#94a3b8;font-size:1.125rem}.products-sidebar .search-box input{flex:1;border:none;outline:none;font-size:.875rem;color:#0f172a}.products-list{flex:1;overflow-y:auto}.product-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9}.product-item:hover{background:#f8fafc}.product-item.active{background:#eff6ff;border-left:3px solid #3b82f6}.product-item .product-thumb{width:44px;height:44px;border-radius:6px;object-fit:contain;background:#f8fafc;flex-shrink:0}.product-item .product-info{flex:1;min-width:0}.product-item .product-title{display:block;font-size:.8125rem;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item .product-price{font-size:.75rem;color:#3b82f6;font-weight:600}.analyze-icon{color:#cbd5e1;font-size:1.125rem;transition:all .2s}.product-item:hover .analyze-icon,.product-item.active .analyze-icon{color:#3b82f6}.loading-mini{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#64748b}.loading-mini .spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.no-products{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#94a3b8;text-align:center}.no-products .material-icons{font-size:2rem;margin-bottom:.5rem}.analysis-area{min-height:500px}.empty-analysis{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.empty-icon{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.empty-icon .material-icons{font-size:2.5rem;color:#94a3b8}.empty-analysis h2{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.empty-analysis p{color:#64748b;margin:0}.product-header{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1rem}.product-image{width:100px;height:100px;border-radius:8px;object-fit:contain;background:#f8fafc;flex-shrink:0}.product-details{flex:1}.product-details h2{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .25rem;line-height:1.4}.product-id{font-size:.8125rem;color:#64748b;margin:0 0 .75rem}.product-my-price{display:flex;align-items:center;gap:.5rem}.product-my-price .label{font-size:.8125rem;color:#64748b}.product-my-price .price{font-size:1.25rem;font-weight:700;color:#3b82f6}.product-actions{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.blue{background:#eff6ff;color:#3b82f6}.stat-icon.green{background:#ecfdf5;color:#10b981}.stat-icon.yellow{background:#fffbeb;color:#f59e0b}.stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.stat-icon .material-icons{font-size:1.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:#0f172a}.stat-label{font-size:.75rem;color:#64748b}.chart-section{margin-bottom:1rem}.chart-header{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.chart-body{padding:1rem}.competitors-section{margin-bottom:1rem}.competitors-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.competitors-section h3 .material-icons{font-size:1.25rem;color:#64748b}.competitors-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.competitors-table{width:100%;border-collapse:collapse}.competitors-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.competitors-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9}.competitors-table tr:last-child td{border-bottom:none}.competitors-table tr.cheaper{background:#fef2f2}.competitors-table tr.expensive{background:#f0fdf4}.rank-cell .rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f1f5f9;border-radius:6px;font-size:.75rem;font-weight:600;color:#64748b}.seller-name{font-weight:500;color:#0f172a}.rep-badge{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500}.rep-badge .material-icons{font-size:1rem}.price-cell .price{font-weight:700;font-size:.9375rem}.price-cell .price.cheaper{color:#ef4444}.price-cell .price.expensive{color:#10b981}.price-cell .price.similar{color:#0f172a}.price-cell .diff{display:block;font-size:.6875rem;font-weight:600;margin-top:.125rem}.price-cell .diff.negative{color:#ef4444}.price-cell .diff.positive{color:#10b981}.free-shipping{display:flex;align-items:center;gap:.25rem;color:#10b981;font-size:.8125rem;font-weight:500}.free-shipping .material-icons{font-size:1rem}.paid-shipping{color:#64748b;font-size:.8125rem}.sales-cell{font-weight:500;color:#0f172a}.listing-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.listing-badge.gold_special{background:#fef3c7;color:#92400e}.listing-badge.gold_pro{background:#f1f5f9;color:#64748b}.recommendation-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(to right,#eff6ff,#fff);border:1px solid #3b82f6;border-radius:12px}.rec-icon{width:44px;height:44px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rec-icon .material-icons{color:#fff;font-size:1.25rem}.rec-content h4{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0 0 .375rem}.rec-content p{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.rec-content strong{color:#0f172a}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.products-sidebar{position:static;max-height:300px}.competitors-table-container{overflow-x:auto}.competitors-table{min-width:800px}}@media (max-width: 768px){.competitors-page{padding:1rem}.page-header,.product-header{flex-direction:column;align-items:flex-start}.product-image{width:80px;height:80px}.stats-grid{grid-template-columns:1fr}}.advertising-page{padding:1.5rem 2rem;max-width:1800px;margin:0 auto;background:#f8fafc;min-height:100vh}.advertising-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.advertising-page .header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}.advertising-page .header-content h1 .material-icons{font-size:1.75rem;color:#f59e0b}.advertising-page .header-content p{color:#64748b;font-size:.9375rem;margin:.25rem 0 0}.advertising-page .header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.advertising-page .account-select,.advertising-page .period-select{padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:.875rem;font-weight:500;cursor:pointer;min-width:160px}.advertising-page .account-select:focus,.advertising-page .period-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.btn .material-icons{font-size:1.125rem}.btn-sm .material-icons{font-size:1rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:#64748b;transition:all .2s}.btn-icon:hover{background:#f1f5f9;color:#0f172a}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem}.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}.spinner-large{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.kpi-section{margin-bottom:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.kpi-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;border-left:4px solid;transition:all .2s}.kpi-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.kpi-card.spend{border-left-color:#ef4444}.kpi-card.impressions{border-left-color:#8b5cf6}.kpi-card.clicks{border-left-color:#3b82f6}.kpi-card.conversions{border-left-color:#10b981}.kpi-card.revenue{border-left-color:#f59e0b}.kpi-card.roi{border-left-color:#06b6d4}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card.spend .kpi-icon{background:#fef2f2;color:#ef4444}.kpi-card.impressions .kpi-icon{background:#f5f3ff;color:#8b5cf6}.kpi-card.clicks .kpi-icon{background:#eff6ff;color:#3b82f6}.kpi-card.conversions .kpi-icon{background:#ecfdf5;color:#10b981}.kpi-card.revenue .kpi-icon{background:#fffbeb;color:#f59e0b}.kpi-card.roi .kpi-icon{background:#ecfeff;color:#06b6d4}.kpi-icon .material-icons{font-size:1.375rem}.kpi-content{display:flex;flex-direction:column;min-width:0}.kpi-label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.kpi-value{font-size:1.375rem;font-weight:700;color:#0f172a;line-height:1.2}.kpi-sub{font-size:.75rem;color:#64748b;margin-top:.25rem}.chart-section{margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.chart-header h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#0f172a;margin:0}.chart-header h3 .material-icons{font-size:1.25rem;color:#64748b}.chart-body{padding:1rem 1rem 1rem 0}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#94a3b8;text-align:center}.no-data .material-icons{font-size:2.5rem;margin-bottom:.5rem}.no-data p{margin:0}.campaigns-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.section-title .material-icons{font-size:1.25rem;color:#64748b}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.campaign-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.25rem;transition:all .2s}.campaign-card:hover{box-shadow:0 4px 12px #0000000d}.campaign-card.paused{opacity:.7;background:#fafafa}.campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.campaign-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.025em}.campaign-name{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem;line-height:1.4}.campaign-budget{margin-bottom:1rem}.budget-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.budget-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .3s ease}.budget-info{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b}.budget-info span:first-child{font-weight:600;color:#0f172a}.campaign-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:.75rem}.campaign-metrics .metric{text-align:center}.campaign-metrics .metric-value{display:block;font-size:.9375rem;font-weight:700;color:#0f172a}.campaign-metrics .metric-label{display:block;font-size:.625rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.025em}.campaign-roas{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f8fafc;border-radius:6px;margin-bottom:1rem}.roas-label{font-size:.75rem;font-weight:600;color:#64748b}.roas-value{font-size:1rem;font-weight:700}.campaign-actions{display:flex;gap:.5rem}.campaign-actions .btn{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.empty-state .material-icons{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.empty-state p{color:#64748b;margin:0 0 1.5rem}.tips-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem}.tips-section .section-title{margin-bottom:1.25rem}.tips-section .section-title .material-icons{color:#f59e0b}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tip-card{padding:1.25rem;background:#f8fafc;border-radius:10px;transition:all .2s}.tip-card:hover{background:#f1f5f9}.tip-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 1px 3px #0000000d}.tip-icon .material-icons{font-size:1.25rem;color:#f59e0b}.tip-card h4{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 .375rem}.tip-card p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.5}@media (max-width: 1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.campaigns-grid{grid-template-columns:1fr}}@media (max-width: 768px){.advertising-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.account-select,.period-select,.btn-primary{width:100%}.kpi-grid,.tips-grid{grid-template-columns:1fr}.campaign-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}}.catalog-page{padding:24px;max-width:1600px;margin:0 auto}.catalog-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.catalog-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.catalog-page .header-content h1 .material-icons{font-size:32px;color:#8b5cf6}.catalog-page .header-content p{color:#64748b;margin:4px 0 0 44px}.catalog-page .header-actions{display:flex;gap:12px;align-items:center}.catalog-page .account-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:200px}.catalog-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.catalog-page .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.catalog-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.catalog-page .stat-icon.blue{background:#eff6ff;color:#3b82f6}.catalog-page .stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.catalog-page .stat-icon.gold{background:#fffbeb;color:#f59e0b}.catalog-page .stat-icon.green{background:#ecfdf5;color:#10b981}.catalog-page .stat-info{display:flex;flex-direction:column}.catalog-page .stat-value{font-size:24px;font-weight:700;color:#1a1a2e}.catalog-page .stat-label{font-size:13px;color:#64748b}.catalog-page .search-section{margin-bottom:24px}.catalog-page .search-bar{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:8px 16px;box-shadow:0 1px 3px #0000001a}.catalog-page .search-bar .material-icons{color:#94a3b8}.catalog-page .search-bar input{flex:1;border:none;outline:none;font-size:14px;padding:8px}.catalog-page .tabs-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.catalog-page .tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s}.catalog-page .tab:hover{background:#f1f5f9}.catalog-page .tab.active{background:#8b5cf6;color:#fff}.catalog-page .tab .material-icons{font-size:18px}.catalog-page .catalog-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px}.catalog-page .catalog-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:24px}.catalog-page .catalog-product-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.catalog-page .catalog-product-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.catalog-page .product-image{width:100%;height:150px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.catalog-page .product-image img{max-width:100%;max-height:100%;object-fit:contain}.catalog-page .product-image .material-icons{font-size:48px;color:#cbd5e1}.catalog-page .product-info h3{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-page .product-id,.catalog-page .product-gtin{font-size:12px;color:#64748b;margin:4px 0}.catalog-page .product-attributes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.catalog-page .attribute-tag{font-size:11px;background:#f1f5f9;padding:2px 8px;border-radius:4px;color:#64748b}.catalog-page .product-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.catalog-page .items-table{overflow-x:auto}.catalog-page .items-table table{width:100%;border-collapse:collapse}.catalog-page .items-table th,.catalog-page .items-table td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}.catalog-page .items-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:13px}.catalog-page .item-cell{display:flex;align-items:center;gap:12px}.catalog-page .item-image{width:50px;height:50px;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.catalog-page .item-image img{max-width:100%;max-height:100%;object-fit:cover}.catalog-page .item-details{display:flex;flex-direction:column}.catalog-page .item-title{font-weight:500;color:#1a1a2e;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.catalog-page .item-id{font-size:12px;color:#94a3b8}.catalog-page .price{font-weight:600;color:#1a1a2e}.catalog-page .competitor-price{display:block;font-size:12px;color:#ef4444}.catalog-page .competitors-count{font-size:13px;color:#64748b}.catalog-page .actions{display:flex;gap:8px}.catalog-page .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.catalog-page .badge .material-icons{font-size:14px}.catalog-page .badge-success{background:#ecfdf5;color:#10b981}.catalog-page .badge-danger{background:#fef2f2;color:#ef4444}.catalog-page .badge-warning{background:#fffbeb;color:#f59e0b}.catalog-page .badge-primary{background:#eff6ff;color:#3b82f6}.catalog-page .badge-secondary{background:#f1f5f9;color:#64748b}.catalog-page .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.catalog-page .btn-sm{padding:6px 12px;font-size:13px}.catalog-page .btn-primary{background:#8b5cf6;color:#fff}.catalog-page .btn-primary:hover{background:#7c3aed}.catalog-page .btn-secondary{background:#f1f5f9;color:#475569}.catalog-page .btn-secondary:hover{background:#e2e8f0}.catalog-page .btn-outline{background:transparent;border:1px solid #e2e8f0;color:#475569}.catalog-page .btn-outline:hover{background:#f8fafc}.catalog-page .btn:disabled{opacity:.5;cursor:not-allowed}.catalog-page .loading-state,.catalog-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.catalog-page .empty-state .material-icons{font-size:64px;color:#cbd5e1;margin-bottom:16px}.catalog-page .empty-state h3{color:#1a1a2e;margin:0 0 8px}.catalog-page .empty-state p{color:#64748b;margin:0}.catalog-page .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.catalog-page .alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px}.catalog-page .alert-danger{background:#fef2f2;color:#ef4444}.catalog-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.catalog-page .modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.catalog-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.catalog-page .modal-header h2{font-size:18px;font-weight:600;margin:0}.catalog-page .close-btn{background:none;border:none;cursor:pointer;color:#64748b}.catalog-page .modal-body{padding:24px;overflow-y:auto}.catalog-page .products-list{margin-top:16px;max-height:400px;overflow-y:auto}.catalog-page .product-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.catalog-page .product-option:hover{border-color:#8b5cf6;background:#f5f3ff}.catalog-page .product-thumb{width:50px;height:50px;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.catalog-page .product-thumb img{max-width:100%;max-height:100%;object-fit:cover}.catalog-page .product-details{flex:1}.catalog-page .product-name{font-weight:500;color:#1a1a2e;display:block}.catalog-page .select-icon{color:#94a3b8}@media (max-width: 768px){.catalog-page{padding:16px}.catalog-page .page-header{flex-direction:column}.catalog-page .header-actions{width:100%;flex-direction:column}.catalog-page .account-select{width:100%}.catalog-page .stats-grid{grid-template-columns:1fr 1fr}.catalog-page .tabs-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.catalog-page .tab{white-space:nowrap}}.fulfillment-page{padding:24px;max-width:1600px;margin:0 auto}.fulfillment-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.fulfillment-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.fulfillment-page .header-content h1 .material-icons{font-size:32px;color:#10b981}.fulfillment-page .header-content p{color:#64748b;margin:4px 0 0 44px}.fulfillment-page .header-actions{display:flex;gap:12px;align-items:center}.fulfillment-page .account-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:200px}.fulfillment-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.fulfillment-page .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.fulfillment-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.fulfillment-page .stat-icon.blue{background:#eff6ff;color:#3b82f6}.fulfillment-page .stat-icon.green{background:#ecfdf5;color:#10b981}.fulfillment-page .stat-icon.warning{background:#fffbeb;color:#f59e0b}.fulfillment-page .stat-icon.danger{background:#fef2f2;color:#ef4444}.fulfillment-page .stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.fulfillment-page .stat-icon.cyan{background:#ecfeff;color:#06b6d4}.fulfillment-page .stat-info{display:flex;flex-direction:column}.fulfillment-page .stat-value{font-size:24px;font-weight:700;color:#1a1a2e}.fulfillment-page .stat-label{font-size:13px;color:#64748b}.fulfillment-page .tabs-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.fulfillment-page .tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s}.fulfillment-page .tab:hover{background:#f1f5f9}.fulfillment-page .tab.active{background:#10b981;color:#fff}.fulfillment-page .tab .material-icons{font-size:18px}.fulfillment-page .filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.fulfillment-page .filter-group{display:flex;align-items:center;gap:8px}.fulfillment-page .filter-group label{font-size:14px;color:#64748b}.fulfillment-page .filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.fulfillment-page .fulfillment-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px}.fulfillment-page .inventory-table,.fulfillment-page .shipments-table{overflow-x:auto}.fulfillment-page table{width:100%;border-collapse:collapse}.fulfillment-page th,.fulfillment-page td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}.fulfillment-page th{background:#f8fafc;font-weight:600;color:#475569;font-size:13px}.fulfillment-page .product-cell{display:flex;align-items:center;gap:12px}.fulfillment-page .product-image{width:50px;height:50px;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.fulfillment-page .product-image img{max-width:100%;max-height:100%;object-fit:cover}.fulfillment-page .product-details{display:flex;flex-direction:column}.fulfillment-page .product-title{font-weight:500;color:#1a1a2e;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.fulfillment-page .product-id{font-size:12px;color:#94a3b8}.fulfillment-page .sku{font-family:monospace;font-size:13px;color:#64748b}.fulfillment-page .quantity{font-weight:600;font-size:16px;color:#1a1a2e}.fulfillment-page .quantity.zero{color:#ef4444}.fulfillment-page .quantity.reserved{color:#f59e0b}.fulfillment-page .quantity.transit{color:#3b82f6}.fulfillment-page .warehouse{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b}.fulfillment-page .warehouse .material-icons{font-size:16px}.fulfillment-page .shipment-id,.fulfillment-page .order-id{font-family:monospace;font-size:13px;font-weight:500}.fulfillment-page .destination{display:flex;flex-direction:column}.fulfillment-page .destination .city{font-weight:500;color:#1a1a2e}.fulfillment-page .destination .state{font-size:12px;color:#64748b}.fulfillment-page .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.fulfillment-page .badge .material-icons{font-size:14px}.fulfillment-page .badge-success{background:#ecfdf5;color:#10b981}.fulfillment-page .badge-danger{background:#fef2f2;color:#ef4444}.fulfillment-page .badge-warning{background:#fffbeb;color:#f59e0b}.fulfillment-page .badge-info{background:#ecfeff;color:#06b6d4}.fulfillment-page .badge-primary{background:#eff6ff;color:#3b82f6}.fulfillment-page .badge-secondary{background:#f1f5f9;color:#64748b}.fulfillment-page .actions{display:flex;gap:8px}.fulfillment-page .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.fulfillment-page .btn-sm{padding:6px 12px;font-size:13px}.fulfillment-page .btn-primary{background:#10b981;color:#fff}.fulfillment-page .btn-primary:hover{background:#059669}.fulfillment-page .btn-secondary{background:#f1f5f9;color:#475569}.fulfillment-page .btn-secondary:hover{background:#e2e8f0}.fulfillment-page .btn-outline{background:transparent;border:1px solid #e2e8f0;color:#475569}.fulfillment-page .btn-outline:hover{background:#f8fafc}.fulfillment-page .btn:disabled{opacity:.5;cursor:not-allowed}.fulfillment-page .loading-state,.fulfillment-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.fulfillment-page .empty-state .material-icons{font-size:64px;color:#cbd5e1;margin-bottom:16px}.fulfillment-page .empty-state h3{color:#1a1a2e;margin:0 0 8px}.fulfillment-page .empty-state p{color:#64748b;margin:0 0 24px}.fulfillment-page .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.fulfillment-page .alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px}.fulfillment-page .alert-danger{background:#fef2f2;color:#ef4444}.fulfillment-page .inbound-section{padding:24px}@media (max-width: 768px){.fulfillment-page{padding:16px}.fulfillment-page .page-header{flex-direction:column}.fulfillment-page .header-actions{width:100%;flex-direction:column}.fulfillment-page .account-select{width:100%}.fulfillment-page .stats-grid{grid-template-columns:1fr 1fr}}.profit-calculator-page{padding:24px;max-width:1600px;margin:0 auto}.profit-calculator-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.profit-calculator-page .header-content h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.profit-calculator-page .header-content h1 .material-icons{font-size:32px;color:#f59e0b}.profit-calculator-page .header-content p{color:#64748b;margin:4px 0 0 44px}.profit-calculator-page .header-actions{display:flex;gap:12px;align-items:center}.profit-calculator-page .account-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;min-width:200px}.profit-calculator-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.profit-calculator-page .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.profit-calculator-page .stat-card.highlight{background:linear-gradient(135deg,#10b981,#059669)}.profit-calculator-page .stat-card.highlight .stat-icon{background:#fff3;color:#fff}.profit-calculator-page .stat-card.highlight .stat-value,.profit-calculator-page .stat-card.highlight .stat-label{color:#fff}.profit-calculator-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.profit-calculator-page .stat-icon.blue{background:#eff6ff;color:#3b82f6}.profit-calculator-page .stat-icon.green,.profit-calculator-page .stat-icon.success{background:#ecfdf5;color:#10b981}.profit-calculator-page .stat-icon.danger{background:#fef2f2;color:#ef4444}.profit-calculator-page .stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.profit-calculator-page .stat-icon.gold{background:#fffbeb;color:#f59e0b}.profit-calculator-page .stat-info{display:flex;flex-direction:column}.profit-calculator-page .stat-value{font-size:20px;font-weight:700;color:#1a1a2e}.profit-calculator-page .stat-label{font-size:13px;color:#64748b}.profit-calculator-page .filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.profit-calculator-page .search-box{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:8px;flex:1;max-width:400px;box-shadow:0 1px 3px #0000001a}.profit-calculator-page .search-box .material-icons{color:#94a3b8}.profit-calculator-page .search-box input{border:none;outline:none;flex:1;font-size:14px}.profit-calculator-page .sort-box{display:flex;align-items:center;gap:8px}.profit-calculator-page .sort-box label{font-size:14px;color:#64748b}.profit-calculator-page .sort-box select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff}.profit-calculator-page .profit-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px}.profit-calculator-page .items-table{overflow-x:auto}.profit-calculator-page table{width:100%;border-collapse:collapse}.profit-calculator-page th,.profit-calculator-page td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}.profit-calculator-page th{background:#f8fafc;font-weight:600;color:#475569;font-size:13px}.profit-calculator-page .product-cell{display:flex;align-items:center;gap:12px}.profit-calculator-page .product-image{width:50px;height:50px;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.profit-calculator-page .product-image img{max-width:100%;max-height:100%;object-fit:cover}.profit-calculator-page .product-details{display:flex;flex-direction:column}.profit-calculator-page .product-title{font-weight:500;color:#1a1a2e;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.profit-calculator-page .product-id{font-size:12px;color:#94a3b8}.profit-calculator-page .price{font-weight:600;color:#1a1a2e}.profit-calculator-page .cost{color:#64748b}.profit-calculator-page .fee{color:#ef4444}.profit-calculator-page .shipping{color:#3b82f6}.profit-calculator-page .profit{font-weight:700;font-size:15px}.profit-calculator-page .profit.positive{color:#10b981}.profit-calculator-page .profit.negative{color:#ef4444}.profit-calculator-page .margin-cell{display:flex;align-items:center;gap:8px}.profit-calculator-page .margin-bar{width:60px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.profit-calculator-page .margin-fill{height:100%;border-radius:4px;transition:width .3s}.profit-calculator-page .margin-fill.high{background:#10b981}.profit-calculator-page .margin-fill.medium{background:#f59e0b}.profit-calculator-page .margin-fill.low,.profit-calculator-page .margin-fill.negative{background:#ef4444}.profit-calculator-page .margin-value{font-weight:600;font-size:13px;min-width:50px}.profit-calculator-page .badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.profit-calculator-page .badge-success{background:#ecfdf5;color:#10b981}.profit-calculator-page .badge-warning{background:#fffbeb;color:#f59e0b}.profit-calculator-page .badge-danger{background:#fef2f2;color:#ef4444}.profit-calculator-page .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.profit-calculator-page .btn-sm{padding:6px 12px;font-size:13px}.profit-calculator-page .btn-block{width:100%;justify-content:center}.profit-calculator-page .btn-primary{background:#f59e0b;color:#fff}.profit-calculator-page .btn-primary:hover{background:#d97706}.profit-calculator-page .btn-secondary{background:#f1f5f9;color:#475569}.profit-calculator-page .btn-secondary:hover{background:#e2e8f0}.profit-calculator-page .loading-state,.profit-calculator-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.profit-calculator-page .empty-state .material-icons{font-size:64px;color:#cbd5e1;margin-bottom:16px}.profit-calculator-page .empty-state h3{color:#1a1a2e;margin:0 0 8px}.profit-calculator-page .empty-state p{color:#64748b;margin:0}.profit-calculator-page .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.profit-calculator-page .alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px}.profit-calculator-page .alert-danger{background:#fef2f2;color:#ef4444}.profit-calculator-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.profit-calculator-page .modal{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.profit-calculator-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.profit-calculator-page .modal-header h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin:0}.profit-calculator-page .close-btn{background:none;border:none;cursor:pointer;color:#64748b}.profit-calculator-page .modal-body{padding:24px;overflow-y:auto}.profit-calculator-page .calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.profit-calculator-page .input-section h3,.profit-calculator-page .result-section h3{font-size:16px;font-weight:600;margin:0 0 20px;color:#1a1a2e}.profit-calculator-page .input-group{margin-bottom:16px}.profit-calculator-page .input-group label{display:block;font-size:13px;font-weight:500;color:#64748b;margin-bottom:6px}.profit-calculator-page .input-group input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.profit-calculator-page .input-group input:focus{outline:none;border-color:#f59e0b}.profit-calculator-page .input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profit-calculator-page .result-section{background:#f8fafc;padding:20px;border-radius:12px}.profit-calculator-page .result-content{display:flex;flex-direction:column;gap:20px}.profit-calculator-page .result-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profit-calculator-page .profit-display,.profit-calculator-page .margin-display{padding:16px;border-radius:12px;text-align:center}.profit-calculator-page .profit-display.positive,.profit-calculator-page .margin-display.positive{background:#ecfdf5}.profit-calculator-page .profit-display.negative,.profit-calculator-page .margin-display.negative{background:#fef2f2}.profit-calculator-page .profit-display .label,.profit-calculator-page .margin-display .label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.profit-calculator-page .profit-display .value{font-size:24px;font-weight:700}.profit-calculator-page .profit-display.positive .value{color:#10b981}.profit-calculator-page .profit-display.negative .value{color:#ef4444}.profit-calculator-page .margin-display .value{font-size:24px;font-weight:700}.profit-calculator-page .margin-display.positive .value{color:#10b981}.profit-calculator-page .margin-display.negative .value{color:#ef4444}.profit-calculator-page .breakdown{background:#fff;padding:16px;border-radius:8px}.profit-calculator-page .breakdown h4{font-size:14px;font-weight:600;margin:0 0 12px}.profit-calculator-page .breakdown-item{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid #f1f5f9}.profit-calculator-page .breakdown-item .positive{color:#10b981}.profit-calculator-page .breakdown-item .negative{color:#64748b}.profit-calculator-page .breakdown-total{display:flex;justify-content:space-between;padding:12px 0 0;font-size:14px;font-weight:600}.profit-calculator-page .breakdown-total .positive{color:#10b981}.profit-calculator-page .breakdown-total .negative{color:#ef4444}.profit-calculator-page .metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profit-calculator-page .metric{background:#fff;padding:12px;border-radius:8px;text-align:center}.profit-calculator-page .metric-label{display:block;font-size:12px;color:#64748b}.profit-calculator-page .metric-value{font-size:16px;font-weight:600;color:#1a1a2e}.profit-calculator-page .no-result{display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center}.profit-calculator-page .no-result .material-icons{font-size:48px;color:#cbd5e1;margin-bottom:12px}.profit-calculator-page .no-result p{color:#64748b;margin:0}@media (max-width: 768px){.profit-calculator-page{padding:16px}.profit-calculator-page .page-header{flex-direction:column}.profit-calculator-page .header-actions{width:100%;flex-direction:column}.profit-calculator-page .account-select{width:100%}.profit-calculator-page .stats-grid{grid-template-columns:1fr 1fr}.profit-calculator-page .calculator-grid,.profit-calculator-page .result-summary{grid-template-columns:1fr}}.price-automation-page{padding:24px;max-width:1400px;margin:0 auto}.price-automation-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.price-automation-page .header-content h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.price-automation-page .header-content p{color:var(--text-secondary);margin:0}.price-automation-page .header-actions{display:flex;gap:12px}.price-automation-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.price-automation-page .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.price-automation-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.price-automation-page .stat-icon.blue{background:#3b82f61a;color:var(--primary-color)}.price-automation-page .stat-icon.green{background:#10b9811a;color:var(--success-color)}.price-automation-page .stat-icon.purple{background:#8b5cf61a;color:var(--purple-color)}.price-automation-page .stat-icon.orange{background:#f59e0b1a;color:var(--warning-color)}.price-automation-page .stat-info{display:flex;flex-direction:column}.price-automation-page .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.price-automation-page .stat-label{font-size:.875rem;color:var(--text-secondary)}.price-automation-page .section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.price-automation-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.price-automation-page .section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.price-automation-page .rules-list{display:flex;flex-direction:column;gap:16px}.price-automation-page .rule-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.price-automation-page .rule-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.price-automation-page .rule-card.paused{opacity:.7}.price-automation-page .rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.price-automation-page .rule-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.price-automation-page .rule-type{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;background:#3b82f61a;color:var(--primary-color)}.price-automation-page .rule-type.margin_protection{background:#10b9811a;color:var(--success-color)}.price-automation-page .rule-type.time_based{background:#8b5cf61a;color:var(--purple-color)}.price-automation-page .status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.price-automation-page .status-badge.active{background:#10b9811a;color:var(--success-color)}.price-automation-page .status-badge.paused{background:#6b72801a;color:var(--text-secondary)}.price-automation-page .rule-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.price-automation-page .detail-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.price-automation-page .detail-item .material-icons{font-size:1.125rem}.price-automation-page .rule-conditions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.price-automation-page .condition-tag{padding:4px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:.75rem;color:var(--text-secondary)}.price-automation-page .rule-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border-color);padding-top:16px}.price-automation-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.price-automation-page .btn-primary{background:var(--primary-color);color:#fff}.price-automation-page .btn-primary:hover{background:var(--primary-hover)}.price-automation-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.price-automation-page .btn-secondary:hover{background:var(--border-color)}.price-automation-page .btn-icon{width:36px;height:36px;padding:0;background:transparent;color:var(--text-secondary)}.price-automation-page .btn-icon:hover{background:var(--bg-tertiary);color:var(--primary-color)}.price-automation-page .btn-icon.danger:hover{background:#ef44441a;color:var(--danger-color)}.price-automation-page .empty-state,.price-automation-page .loading-state{text-align:center;padding:60px 20px}.price-automation-page .empty-state .material-icons{font-size:4rem;color:var(--text-tertiary);margin-bottom:16px}.price-automation-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.price-automation-page .empty-state p{color:var(--text-secondary);margin:0 0 24px}.price-automation-page .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.price-automation-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.price-automation-page .modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.price-automation-page .modal-content.large{max-width:800px}.price-automation-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.price-automation-page .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.price-automation-page .modal-body{padding:24px;overflow-y:auto;flex:1}.price-automation-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.price-automation-page .form-section{margin-bottom:24px}.price-automation-page .form-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.price-automation-page .form-group{margin-bottom:16px}.price-automation-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.price-automation-page .form-group input,.price-automation-page .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.price-automation-page .form-group input:focus,.price-automation-page .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.price-automation-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.price-automation-page .input-with-select{display:flex;gap:8px}.price-automation-page .input-with-select input{flex:1}.price-automation-page .input-with-select select{width:80px}.price-automation-page .toggle-switch{display:flex;align-items:center;gap:12px}.price-automation-page .toggle-switch input[type=checkbox]{width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:24px;position:relative;cursor:pointer;transition:all .3s ease}.price-automation-page .toggle-switch input[type=checkbox]:checked{background:var(--success-color)}.price-automation-page .toggle-switch input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s ease}.price-automation-page .toggle-switch input[type=checkbox]:checked:before{left:26px}.price-automation-page .items-selection{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:8px}.price-automation-page .item-checkbox{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background .2s ease}.price-automation-page .item-checkbox:hover{background:var(--bg-secondary)}.price-automation-page .item-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.price-automation-page .item-checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;margin:0}.price-automation-page .item-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.price-automation-page .item-info{display:flex;flex-direction:column}.price-automation-page .item-title{font-size:.875rem;color:var(--text-primary)}.price-automation-page .item-id{font-size:.75rem;color:var(--text-tertiary)}.price-automation-page .items-selected{font-size:.875rem;color:var(--text-secondary);margin-top:8px}@media (max-width: 768px){.price-automation-page{padding:16px}.price-automation-page .page-header{flex-direction:column;align-items:stretch}.price-automation-page .form-row{grid-template-columns:1fr}.price-automation-page .rule-details{flex-direction:column;gap:8px}.price-automation-page .rule-actions{flex-wrap:wrap;justify-content:center}}.global-selling-page{padding:24px;max-width:1400px;margin:0 auto}.global-selling-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.global-selling-page .header-content h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.global-selling-page .header-content p{color:var(--text-secondary);margin:0}.global-selling-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.global-selling-page .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.global-selling-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.global-selling-page .stat-icon.blue{background:#3b82f61a;color:var(--primary-color)}.global-selling-page .stat-icon.green{background:#10b9811a;color:var(--success-color)}.global-selling-page .stat-icon.orange{background:#f59e0b1a;color:var(--warning-color)}.global-selling-page .stat-icon.purple{background:#8b5cf61a;color:var(--purple-color)}.global-selling-page .stat-info{display:flex;flex-direction:column}.global-selling-page .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.global-selling-page .stat-label{font-size:.875rem;color:var(--text-secondary)}.global-selling-page .tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px;overflow-x:auto}.global-selling-page .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.global-selling-page .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.global-selling-page .tab.active{background:var(--primary-color);color:#fff}.global-selling-page .tab .material-icons{font-size:1.125rem}.global-selling-page .section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.global-selling-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.global-selling-page .section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.global-selling-page .global-items-list{display:flex;flex-direction:column;gap:20px}.global-selling-page .global-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.global-selling-page .item-main{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.global-selling-page .item-image{width:80px;height:80px;border-radius:8px;object-fit:cover;background:var(--bg-tertiary)}.global-selling-page .item-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.global-selling-page .item-id{font-size:.75rem;color:var(--text-tertiary);margin:0 0 4px}.global-selling-page .item-local-price{font-size:.875rem;color:var(--text-secondary);margin:0}.global-selling-page .countries-published h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.global-selling-page .countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.global-selling-page .country-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.global-selling-page .country-card.paused{opacity:.7}.global-selling-page .country-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.global-selling-page .country-flag{font-size:1.25rem}.global-selling-page .country-flag.large{font-size:2rem}.global-selling-page .country-name{font-weight:500;color:var(--text-primary);flex:1}.global-selling-page .status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.global-selling-page .status-dot.active{background:var(--success-color)}.global-selling-page .status-dot.paused{background:var(--warning-color)}.global-selling-page .country-details{display:flex;gap:16px;margin-bottom:12px}.global-selling-page .country-details .detail{display:flex;flex-direction:column}.global-selling-page .country-details .label{font-size:.75rem;color:var(--text-tertiary)}.global-selling-page .country-details .value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.global-selling-page .country-actions{display:flex;gap:8px}.global-selling-page .countries-available{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.global-selling-page .available-country-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.global-selling-page .available-country-card .country-info{display:flex;align-items:center;gap:12px}.global-selling-page .available-country-card .country-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.global-selling-page .available-country-card .country-info p{font-size:.75rem;color:var(--text-tertiary);margin:0}.global-selling-page .country-stats{display:flex;gap:24px}.global-selling-page .country-stats .stat{display:flex;flex-direction:column}.global-selling-page .country-stats .stat .label{font-size:.75rem;color:var(--text-tertiary)}.global-selling-page .country-stats .stat .value{font-size:1rem;font-weight:600;color:var(--text-primary)}.global-selling-page .info-banner{display:flex;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:20px}.global-selling-page .info-banner .material-icons{color:var(--primary-color)}.global-selling-page .info-banner strong{display:block;color:var(--text-primary);margin-bottom:4px}.global-selling-page .info-banner p{font-size:.875rem;color:var(--text-secondary);margin:0}.global-selling-page .shipments-list{display:flex;flex-direction:column;gap:12px}.global-selling-page .shipment-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.global-selling-page .shipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.global-selling-page .shipment-id{font-weight:600;color:var(--text-primary)}.global-selling-page .status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.global-selling-page .status-badge.pending{background:#f59e0b1a;color:var(--warning-color)}.global-selling-page .shipment-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.global-selling-page .shipment-details .detail{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.global-selling-page .shipment-details .material-icons{font-size:1.125rem}.global-selling-page .shipment-actions{display:flex;gap:8px}.global-selling-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.global-selling-page .btn-primary{background:var(--primary-color);color:#fff}.global-selling-page .btn-primary:hover{background:var(--primary-hover)}.global-selling-page .btn-primary:disabled{background:var(--border-color);cursor:not-allowed}.global-selling-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.global-selling-page .btn-secondary:hover{background:var(--border-color)}.global-selling-page .btn-sm{padding:6px 12px;font-size:.75rem}.global-selling-page .btn-sm.danger{color:var(--danger-color)}.global-selling-page .btn-icon{width:36px;height:36px;padding:0;background:transparent;color:var(--text-secondary)}.global-selling-page .empty-state,.global-selling-page .loading-state{text-align:center;padding:60px 20px}.global-selling-page .empty-state .material-icons{font-size:4rem;color:var(--text-tertiary);margin-bottom:16px}.global-selling-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.global-selling-page .empty-state p{color:var(--text-secondary);margin:0 0 24px}.global-selling-page .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.global-selling-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.global-selling-page .modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.global-selling-page .modal-content.large{max-width:700px}.global-selling-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.global-selling-page .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.global-selling-page .modal-body{padding:24px;overflow-y:auto;flex:1}.global-selling-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.global-selling-page .form-section{margin-bottom:24px}.global-selling-page .form-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.global-selling-page .form-group{margin-bottom:16px}.global-selling-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.global-selling-page .form-group input,.global-selling-page .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.global-selling-page .form-group input:focus{outline:none;border-color:var(--primary-color)}.global-selling-page .items-selection{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.global-selling-page .item-checkbox{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--border-color)}.global-selling-page .item-checkbox:last-child{border-bottom:none}.global-selling-page .item-checkbox input[type=checkbox]{width:18px;height:18px}.global-selling-page .item-checkbox label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;margin:0}.global-selling-page .item-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.global-selling-page .item-details{display:flex;flex-direction:column}.global-selling-page .item-title{font-size:.875rem;color:var(--text-primary)}.global-selling-page .item-price{font-size:.75rem;color:var(--success-color)}.global-selling-page .selected-count{font-size:.875rem;color:var(--text-secondary);margin-top:8px}.global-selling-page .countries-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.global-selling-page .country-checkbox{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.global-selling-page .country-checkbox:hover{border-color:var(--primary-color)}.global-selling-page .country-checkbox input[type=checkbox]{width:18px;height:18px}.global-selling-page .country-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.global-selling-page .country-checkbox .flag{font-size:1.25rem}.global-selling-page .country-checkbox .name{font-size:.875rem;color:var(--text-primary)}.global-selling-page .country-checkbox .currency{font-size:.75rem;color:var(--text-tertiary)}.global-selling-page .pricing-options{display:flex;flex-direction:column;gap:12px}.global-selling-page .pricing-option{display:flex;gap:12px;padding:16px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.global-selling-page .pricing-option:hover{border-color:var(--primary-color)}.global-selling-page .pricing-option input[type=radio]{width:18px;height:18px;margin-top:2px}.global-selling-page .pricing-option label{flex:1;cursor:pointer}.global-selling-page .pricing-option label strong{display:block;color:var(--text-primary);margin-bottom:4px}.global-selling-page .pricing-option label p{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.global-selling-page{padding:16px}.global-selling-page .page-header{flex-direction:column;align-items:stretch}.global-selling-page .item-main{flex-direction:column;align-items:center;text-align:center}.global-selling-page .countries-grid{grid-template-columns:1fr}.global-selling-page .countries-selection{grid-template-columns:1fr 1fr}}.financial-reports-page{padding:24px;max-width:1400px;margin:0 auto}.financial-reports-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.financial-reports-page .header-content h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.financial-reports-page .header-content p{color:var(--text-secondary);margin:0}.financial-reports-page .date-range{display:flex;align-items:center;gap:12px}.financial-reports-page .date-range input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary)}.financial-reports-page .date-range span{color:var(--text-secondary)}.financial-reports-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.financial-reports-page .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.financial-reports-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.financial-reports-page .stat-icon.green{background:#10b9811a;color:var(--success-color)}.financial-reports-page .stat-icon.red{background:#ef44441a;color:var(--danger-color)}.financial-reports-page .stat-icon.blue{background:#3b82f61a;color:var(--primary-color)}.financial-reports-page .stat-icon.orange{background:#f59e0b1a;color:var(--warning-color)}.financial-reports-page .stat-info{display:flex;flex-direction:column}.financial-reports-page .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.financial-reports-page .stat-label{font-size:.875rem;color:var(--text-secondary)}.financial-reports-page .secondary-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:8px}.financial-reports-page .secondary-stat{display:flex;align-items:center;gap:12px}.financial-reports-page .secondary-stat .material-icons{font-size:1.5rem}.financial-reports-page .secondary-stat .material-icons.warning{color:var(--warning-color)}.financial-reports-page .secondary-stat .material-icons.danger{color:var(--danger-color)}.financial-reports-page .secondary-stat .value{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:block}.financial-reports-page .secondary-stat .label{font-size:.75rem;color:var(--text-secondary)}.financial-reports-page .tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px;overflow-x:auto}.financial-reports-page .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.financial-reports-page .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.financial-reports-page .tab.active{background:var(--primary-color);color:#fff}.financial-reports-page .charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.financial-reports-page .chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.financial-reports-page .chart-card.full-width{grid-column:1 / -1}.financial-reports-page .chart-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.financial-reports-page .pie-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.financial-reports-page .legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.financial-reports-page .legend-item .color-dot{width:12px;height:12px;border-radius:50%}.financial-reports-page .legend-item .name{color:var(--text-secondary)}.financial-reports-page .legend-item .value{font-weight:600;color:var(--text-primary)}.financial-reports-page .section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.financial-reports-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.financial-reports-page .section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.financial-reports-page .report-generator{background:var(--bg-secondary);border-radius:8px;padding:20px}.financial-reports-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.financial-reports-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.financial-reports-page .form-group select,.financial-reports-page .form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.financial-reports-page .date-inputs{display:flex;align-items:center;gap:12px}.financial-reports-page .date-inputs input{flex:1}.financial-reports-page .date-inputs span{color:var(--text-secondary)}.financial-reports-page .reports-list{display:flex;flex-direction:column;gap:12px}.financial-reports-page .report-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.financial-reports-page .report-card.pending{opacity:.7}.financial-reports-page .report-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.financial-reports-page .report-id{font-weight:600;color:var(--text-primary)}.financial-reports-page .status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.financial-reports-page .status-badge.ready{background:#10b9811a;color:var(--success-color)}.financial-reports-page .status-badge.pending{background:#f59e0b1a;color:var(--warning-color)}.financial-reports-page .report-details{display:flex;gap:16px;margin-bottom:4px}.financial-reports-page .report-type{font-size:.875rem;color:var(--primary-color);font-weight:500}.financial-reports-page .report-period{font-size:.875rem;color:var(--text-secondary)}.financial-reports-page .report-amount{font-size:.875rem;color:var(--success-color);font-weight:500;margin-bottom:4px}.financial-reports-page .report-date{font-size:.75rem;color:var(--text-tertiary)}.financial-reports-page .fees-table{width:100%;border-collapse:collapse}.financial-reports-page .fees-table th,.financial-reports-page .fees-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.financial-reports-page .fees-table th{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background:var(--bg-secondary)}.financial-reports-page .fees-table td{font-size:.875rem;color:var(--text-primary)}.financial-reports-page .fees-table tfoot td{font-weight:600;background:var(--bg-secondary)}.financial-reports-page .fee-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;margin-right:8px;font-size:.75rem;font-weight:700;vertical-align:middle}.financial-reports-page .fee-icon.ml{background:#ffe600;color:#333}.financial-reports-page .fee-icon.mp{background:#009ee3;color:#fff}.financial-reports-page .fee-icon.shipping{background:#3b82f61a;color:var(--primary-color)}.financial-reports-page .fee-icon.tax{background:#6b72801a;color:var(--text-secondary)}.financial-reports-page .fee-icon .material-icons{font-size:1rem}.financial-reports-page .fee-tips{margin-top:24px;padding:20px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:8px}.financial-reports-page .fee-tips h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.financial-reports-page .fee-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.financial-reports-page .fee-tips li{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--text-secondary)}.financial-reports-page .fee-tips li .material-icons{color:var(--warning-color);font-size:1.25rem}.financial-reports-page .transactions-list{display:flex;flex-direction:column;gap:8px}.financial-reports-page .transaction-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px}.financial-reports-page .transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.financial-reports-page .transaction-item.credit .transaction-icon{background:#10b9811a;color:var(--success-color)}.financial-reports-page .transaction-item.debit .transaction-icon{background:#ef44441a;color:var(--danger-color)}.financial-reports-page .transaction-item.withdrawal .transaction-icon{background:#8b5cf61a;color:var(--purple-color)}.financial-reports-page .transaction-info{flex:1}.financial-reports-page .transaction-title{display:block;font-weight:500;color:var(--text-primary);margin-bottom:4px}.financial-reports-page .transaction-date{font-size:.75rem;color:var(--text-tertiary)}.financial-reports-page .transaction-amount{text-align:right}.financial-reports-page .transaction-amount .amount{display:block;font-weight:600;color:var(--success-color)}.financial-reports-page .transaction-amount .amount.refund{color:var(--danger-color)}.financial-reports-page .transaction-amount .amount.withdrawal{color:var(--purple-color)}.financial-reports-page .transaction-amount .fee{font-size:.75rem;color:var(--text-tertiary)}.financial-reports-page .load-more{text-align:center;margin-top:16px}.financial-reports-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.financial-reports-page .btn-primary{background:var(--primary-color);color:#fff}.financial-reports-page .btn-primary:hover{background:var(--primary-hover)}.financial-reports-page .btn-primary:disabled{background:var(--border-color);cursor:not-allowed}.financial-reports-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.financial-reports-page .btn-secondary:hover{background:var(--border-color)}.financial-reports-page .empty-state,.financial-reports-page .loading-state{text-align:center;padding:60px 20px}.financial-reports-page .empty-state .material-icons{font-size:4rem;color:var(--text-tertiary);margin-bottom:16px}.financial-reports-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.financial-reports-page .empty-state p{color:var(--text-secondary);margin:0}.financial-reports-page .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media (max-width: 768px){.financial-reports-page{padding:16px}.financial-reports-page .page-header{flex-direction:column;align-items:stretch}.financial-reports-page .date-range{flex-wrap:wrap;justify-content:center}.financial-reports-page .charts-grid,.financial-reports-page .form-row{grid-template-columns:1fr}.financial-reports-page .report-card{flex-direction:column;align-items:stretch;gap:16px}.financial-reports-page .secondary-stats{flex-direction:column;gap:16px}.financial-reports-page .fees-table{font-size:.75rem}.financial-reports-page .fees-table th,.financial-reports-page .fees-table td{padding:8px}}.conciliation-page{padding:24px;max-width:1400px;margin:0 auto}.conciliation-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.conciliation-page .header-content h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.conciliation-page .header-content p{color:var(--text-secondary);margin:0}.conciliation-page .header-actions{display:flex;gap:12px}.conciliation-page .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.conciliation-page .stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.conciliation-page .stat-card.warning{border-left:4px solid var(--warning-color)}.conciliation-page .stat-card.success{border-left:4px solid var(--success-color)}.conciliation-page .stat-card.danger{border-left:4px solid var(--danger-color)}.conciliation-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.conciliation-page .stat-card.warning .stat-icon{background:#f59e0b1a;color:var(--warning-color)}.conciliation-page .stat-card.success .stat-icon{background:#10b9811a;color:var(--success-color)}.conciliation-page .stat-card.danger .stat-icon{background:#ef44441a;color:var(--danger-color)}.conciliation-page .stat-info{display:flex;flex-direction:column}.conciliation-page .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.conciliation-page .stat-amount{font-size:1rem;color:var(--text-secondary)}.conciliation-page .stat-label{font-size:.875rem;color:var(--text-tertiary)}.conciliation-page .filters-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.conciliation-page .date-range{display:flex;align-items:center;gap:12px}.conciliation-page .date-range input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.conciliation-page .date-range span{color:var(--text-secondary)}.conciliation-page .search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary)}.conciliation-page .search-box .material-icons{color:var(--text-tertiary)}.conciliation-page .search-box input{flex:1;padding:10px 0;border:none;background:transparent;color:var(--text-primary);font-size:.875rem}.conciliation-page .search-box input:focus{outline:none}.conciliation-page .tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px;overflow-x:auto}.conciliation-page .tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.conciliation-page .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.conciliation-page .tab.active{background:var(--primary-color);color:#fff}.conciliation-page .tab .badge{padding:2px 8px;border-radius:12px;font-size:.75rem;background:#fff3}.conciliation-page .tab .badge.danger{background:var(--danger-color);color:#fff}.conciliation-page .bulk-actions{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#3b82f61a;border-radius:8px;margin-bottom:16px}.conciliation-page .bulk-actions span:first-child{font-size:.875rem;color:var(--text-primary);font-weight:500}.conciliation-page .section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.conciliation-page .transactions-table-wrapper{overflow-x:auto}.conciliation-page .transactions-table{width:100%;border-collapse:collapse;min-width:1000px}.conciliation-page .transactions-table th,.conciliation-page .transactions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.conciliation-page .transactions-table th{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background:var(--bg-secondary)}.conciliation-page .transactions-table td{font-size:.875rem;color:var(--text-primary)}.conciliation-page .transactions-table tr:hover{background:var(--bg-secondary)}.conciliation-page .transactions-table tr.discrepancy{background:#ef44440d}.conciliation-page .checkbox-col{width:40px}.conciliation-page .order-id{font-family:monospace;font-size:.8rem;color:var(--primary-color)}.conciliation-page .product-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conciliation-page .type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.conciliation-page .type-badge.sale{background:#10b9811a;color:var(--success-color)}.conciliation-page .type-badge.refund{background:#ef44441a;color:var(--danger-color)}.conciliation-page .positive{color:var(--success-color);font-weight:500}.conciliation-page .negative{color:var(--danger-color);font-weight:500}.conciliation-page .fees{color:var(--text-tertiary)}.conciliation-page .status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.conciliation-page .status-badge.pending{background:#f59e0b1a;color:var(--warning-color)}.conciliation-page .status-badge.reconciled{background:#10b9811a;color:var(--success-color)}.conciliation-page .status-badge.discrepancy{background:#ef44441a;color:var(--danger-color)}.conciliation-page .actions-cell{display:flex;gap:4px}.conciliation-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.conciliation-page .btn-primary{background:var(--primary-color);color:#fff}.conciliation-page .btn-primary:hover{background:var(--primary-hover)}.conciliation-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.conciliation-page .btn-secondary:hover{background:var(--border-color)}.conciliation-page .btn-icon{width:32px;height:32px;padding:0;background:transparent;color:var(--text-secondary);border-radius:6px}.conciliation-page .btn-icon:hover{background:var(--bg-tertiary);color:var(--primary-color)}.conciliation-page .btn-icon.success:hover{background:#10b9811a;color:var(--success-color)}.conciliation-page .empty-state,.conciliation-page .loading-state{text-align:center;padding:60px 20px}.conciliation-page .empty-state .material-icons{font-size:4rem;color:var(--text-tertiary);margin-bottom:16px}.conciliation-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.conciliation-page .empty-state p{color:var(--text-secondary);margin:0}.conciliation-page .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.conciliation-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.conciliation-page .modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.conciliation-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.conciliation-page .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.conciliation-page .modal-body{padding:24px;overflow-y:auto;flex:1}.conciliation-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.conciliation-page .detail-section{margin-bottom:24px}.conciliation-page .detail-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin:0 0 16px}.conciliation-page .detail-section.warning{padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px}.conciliation-page .detail-section.warning h3{color:var(--danger-color)}.conciliation-page .detail-section.warning p{color:var(--text-primary);margin:0}.conciliation-page .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.conciliation-page .detail-item{display:flex;flex-direction:column;gap:4px}.conciliation-page .detail-item.full-width{grid-column:1 / -1}.conciliation-page .detail-item .label{font-size:.75rem;color:var(--text-tertiary)}.conciliation-page .detail-item .value{font-size:.875rem;color:var(--text-primary);font-weight:500}.conciliation-page .values-comparison{display:flex;align-items:center;gap:16px;margin-bottom:16px}.conciliation-page .value-box{flex:1;padding:16px;border-radius:8px;text-align:center}.conciliation-page .value-box.ml{background:#009ee31a;border:1px solid rgba(0,158,227,.2)}.conciliation-page .value-box.bank{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.conciliation-page .value-box .source{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.conciliation-page .value-box .amount{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.conciliation-page .comparison-arrow{color:var(--text-tertiary)}.conciliation-page .fees-detail{display:flex;justify-content:space-between;padding:12px;background:var(--bg-secondary);border-radius:8px}.conciliation-page .fees-detail .label{color:var(--text-secondary)}.conciliation-page .fees-detail .value{font-weight:600;color:var(--danger-color)}@media (max-width: 768px){.conciliation-page{padding:16px}.conciliation-page .page-header{flex-direction:column;align-items:stretch}.conciliation-page .stats-grid{grid-template-columns:1fr}.conciliation-page .filters-bar{flex-direction:column}.conciliation-page .search-box{min-width:auto}.conciliation-page .bulk-actions{flex-direction:column;align-items:stretch;text-align:center}.conciliation-page .detail-grid{grid-template-columns:1fr}.conciliation-page .values-comparison{flex-direction:column}}.analytics-container{padding:30px;background:#f5f7fa;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.analytics-header h1{font-size:28px;color:#2d3748;margin:0;font-weight:700}.time-range-selector{display:flex;gap:8px}.range-btn{padding:8px 16px;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.range-btn:hover{border-color:#667eea;color:#667eea}.range-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.kpi-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014}.kpi-card h3{margin:0 0 8px;font-size:14px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kpi-value{margin:0 0 8px;font-size:24px;color:#2d3748;font-weight:700}.kpi-change{font-size:12px;font-weight:600}.kpi-change.positive{color:#48bb78}.kpi-change.negative{color:#f56565}.charts-wrapper{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.chart-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014}.chart-card h2{margin:0 0 20px;font-size:18px;color:#2d3748;font-weight:600}.chart-card.full-width{grid-column:1 / -1}.chart-card.half-width{grid-column:span 1}.table-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014}.table-card h2{margin:0 0 20px;font-size:18px;color:#2d3748;font-weight:600}.analytics-table{width:100%;border-collapse:collapse}.analytics-table thead th{padding:12px;text-align:left;background:#f7fafc;color:#2d3748;font-weight:600;font-size:14px;border-bottom:2px solid #e2e8f0}.analytics-table tbody tr{border-bottom:1px solid #e2e8f0}.analytics-table tbody tr:hover{background:#f7fafc}.analytics-table td{padding:12px;color:#4a5568;font-size:14px}.analytics-table td.number{text-align:right;font-weight:600;color:#2d3748}.status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status.good{background:#c6f6d5;color:#22543d}.status.warning{background:#fed7d7;color:#742a2a}@media (max-width: 1024px){.analytics-header{flex-direction:column;align-items:flex-start}.charts-wrapper{grid-template-columns:1fr}.chart-card.half-width{grid-column:1 / -1}}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header h1{font-size:24px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card,.chart-card{padding:16px}.analytics-table{font-size:12px}.analytics-table th,.analytics-table td{padding:8px}}@media (max-width: 480px){.analytics-container{padding:12px}.time-range-selector{flex-wrap:wrap}.range-btn{flex:1;min-width:80px}.kpi-grid{grid-template-columns:1fr;gap:12px}.kpi-value{font-size:20px}}.mp-dashboard{padding:0}.mp-dashboard .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mp-dashboard .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#1a1a2e;margin:0}.mp-dashboard .header-content h1 .material-icons{font-size:32px;color:#009ee3}.mp-dashboard .header-content p{color:#6c757d;margin:4px 0 0}.mp-dashboard .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.mp-dashboard .btn-primary{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.mp-dashboard .btn-primary:hover{background:linear-gradient(135deg,#0084c2,#009ee3);transform:translateY(-1px);box-shadow:0 4px 12px #009ee34d}.account-info-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#009ee3,#00b1ea);border-radius:16px;padding:24px;margin-bottom:24px;color:#fff}.account-avatar{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.account-avatar .material-icons{font-size:40px}.account-details h3{margin:0 0 4px;font-size:1.25rem}.account-details p{margin:0;opacity:.9}.account-id{font-size:.85rem;opacity:.8}.account-balance{margin-left:auto;text-align:right}.balance-label{display:block;font-size:.85rem;opacity:.9;margin-bottom:4px}.balance-amount{font-size:1.75rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon .material-icons{font-size:28px;color:#fff}.stat-icon.payments{background:linear-gradient(135deg,#009ee3,#00b1ea)}.stat-icon.revenue{background:linear-gradient(135deg,#28a745,#34ce57)}.stat-icon.subscriptions{background:linear-gradient(135deg,#6f42c1,#8b5cf6)}.stat-icon.mrr{background:linear-gradient(135deg,#fd7e14,#ffc107)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.stat-label{font-size:.85rem;color:#6c757d}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.chart-card h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1a1a2e}.chart-container{height:250px}.subscription-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 0}.sub-stat{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px}.sub-stat-value{display:block;font-size:2rem;font-weight:700}.sub-stat-value.active{color:#28a745}.sub-stat-value.paused{color:#ffc107}.sub-stat-value.cancelled{color:#dc3545}.sub-stat-value.total{color:#6f42c1}.sub-stat-label{font-size:.85rem;color:#6c757d}.quick-actions{margin-bottom:24px}.quick-actions h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1a1a2e}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#fff;border-radius:12px;text-decoration:none;color:#1a1a2e;box-shadow:0 2px 8px #0000000f;transition:all .2s}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #009ee326;color:#009ee3}.action-card .material-icons{font-size:32px;color:#009ee3}.action-card span:last-child{font-weight:500;font-size:.9rem}.recent-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:1rem;font-weight:600;color:#1a1a2e}.view-all{display:flex;align-items:center;gap:4px;color:#009ee3;text-decoration:none;font-size:.9rem;font-weight:500}.view-all:hover{text-decoration:underline}.view-all .material-icons{font-size:18px}.payments-table{overflow-x:auto}.payments-table table{width:100%;border-collapse:collapse}.payments-table th,.payments-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.payments-table th{font-weight:600;color:#6c757d;font-size:.85rem;text-transform:uppercase}.payments-table td{color:#1a1a2e}.payment-id{font-family:monospace;color:#6c757d}.payment-amount{font-weight:600}.empty-state{text-align:center;color:#6c757d;padding:40px!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top-color:#009ee3;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.account-info-card{flex-direction:column;text-align:center}.account-balance{margin-left:0;text-align:center}.charts-row{grid-template-columns:1fr}.subscription-stats{grid-template-columns:repeat(2,1fr)}}.mp-payments{padding:0}.mp-payments .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mp-payments .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#1a1a2e;margin:0}.mp-payments .header-content h1 .material-icons{font-size:32px;color:#009ee3}.mp-payments .header-content p{color:#6c757d;margin:4px 0 0}.mp-payments .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.9rem}.mp-payments .btn-primary{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.mp-payments .btn-secondary{background:#f8f9fa;color:#1a1a2e;border:1px solid #e9ecef}.mp-payments .btn-secondary:hover{background:#e9ecef}.mp-payments .btn-warning{background:#ffc107;color:#1a1a2e}.mp-payments .btn-danger{background:#dc3545;color:#fff}.filters-section{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.85rem;font-weight:500;color:#6c757d}.filter-group select,.filter-group input{padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;min-width:160px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#009ee3}.btn-filter{align-self:flex-end;background:#009ee3;color:#fff;padding:10px 20px}.btn-filter:hover{background:#0084c2}.stats-summary{display:flex;gap:20px;margin-bottom:24px}.summary-item{display:flex;flex-direction:column;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.summary-value{font-size:1.5rem;font-weight:700;color:#009ee3}.summary-label{font-size:.85rem;color:#6c757d}.payments-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.payments-table{width:100%;border-collapse:collapse}.payments-table th,.payments-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.payments-table th{font-weight:600;color:#6c757d;font-size:.8rem;text-transform:uppercase;background:#f8f9fa}.payments-table td{color:#1a1a2e;font-size:.9rem}.payments-table tbody tr:hover{background:#f8f9fa}.payment-id{font-family:monospace;color:#6c757d;font-size:.85rem}.payer-email{font-size:.85rem}.payment-method{display:block;font-weight:500}.payment-method-id{display:block;font-size:.8rem;color:#6c757d}.payment-amount{font-weight:600;color:#28a745}.installments{display:inline-block;margin-left:8px;padding:2px 6px;background:#e9ecef;border-radius:4px;font-size:.75rem;font-weight:500}.btn-action.refund:hover{background:#ffc107;color:#1a1a2e}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;border-top:1px solid #eee}.pagination button{width:36px;height:36px;border:1px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination button:hover:not(:disabled){background:#009ee3;color:#fff;border-color:#009ee3}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem;color:#6c757d}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#6c757d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.detail-item .amount{font-weight:700;color:#28a745;font-size:1.25rem}.form-group{margin-top:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#1a1a2e}.form-group input{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:1rem}@media (max-width: 768px){.filters-section{flex-direction:column}.filter-group,.filter-group select,.filter-group input{width:100%}.payments-table{display:block;overflow-x:auto}.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}}.mp-checkout{padding:0}.mp-checkout .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mp-checkout .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#1a1a2e;margin:0}.mp-checkout .header-content h1 .material-icons{font-size:32px;color:#009ee3}.mp-checkout .header-content p{color:#6c757d;margin:4px 0 0}.mp-checkout .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.9rem}.mp-checkout .btn-primary{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.mp-checkout .btn-primary:hover{background:linear-gradient(135deg,#0084c2,#009ee3);transform:translateY(-1px);box-shadow:0 4px 12px #009ee34d}.mp-checkout .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.mp-checkout .btn-secondary{background:#f8f9fa;color:#1a1a2e;border:1px solid #e9ecef}.mp-checkout .btn-secondary:hover{background:#e9ecef}.type-selector{display:flex;gap:16px;margin-bottom:24px}.type-btn{display:flex;align-items:center;gap:12px;padding:20px 32px;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:500;color:#1a1a2e}.type-btn:hover{border-color:#009ee3;background:#f0faff}.type-btn.active{border-color:#009ee3;background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.type-btn .material-icons{font-size:24px}.checkout-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-section{padding:24px;border-bottom:1px solid #eee}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 20px;font-size:1.1rem;font-weight:600;color:#1a1a2e}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:500;color:#1a1a2e}.form-group input,.form-group textarea,.form-group select{padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#009ee3}.form-group textarea{resize:vertical;min-height:80px}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px}.item-number{width:32px;height:32px;background:#009ee3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.item-fields{display:flex;flex:1;gap:12px;flex-wrap:wrap}.item-fields input{padding:10px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:.9rem}.item-fields input:first-child{flex:2;min-width:150px}.item-fields input:nth-child(2){width:120px}.item-fields input:nth-child(3){width:80px}.item-fields input:focus{outline:none;border-color:#009ee3}.remove-item{width:36px;height:36px;border:none;background:#fee2e2;color:#dc3545;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remove-item:hover:not(:disabled){background:#dc3545;color:#fff}.remove-item:disabled{opacity:.5;cursor:not-allowed}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:2px dashed #009ee3;border-radius:8px;color:#009ee3;font-weight:500;cursor:pointer;transition:all .2s}.add-item-btn:hover{background:#f0faff}.form-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-top:1px solid #eee}.total-preview{display:flex;align-items:center;gap:12px;font-size:1rem;color:#6c757d}.total-amount{font-size:1.5rem;font-weight:700;color:#009ee3}.checkout-result{display:flex;justify-content:center;padding:40px 0}.result-card{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%;text-align:center;box-shadow:0 4px 24px #0000001a}.result-card.success{border-top:4px solid #28a745}.result-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#28a745,#34ce57);border-radius:50%;display:flex;align-items:center;justify-content:center}.result-icon .material-icons{font-size:48px;color:#fff}.result-card h2{margin:0 0 8px;font-size:1.5rem;color:#1a1a2e}.result-card>p{margin:0 0 32px;color:#6c757d}.result-details{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:left;margin-bottom:32px}.detail-item label{font-size:.8rem;color:#6c757d;text-transform:uppercase;font-weight:500}.detail-item .mono{font-family:monospace;font-size:.9rem;color:#6c757d}.detail-item .amount{font-size:1.25rem;font-weight:700;color:#28a745}.link-box{display:flex;gap:8px}.link-box input{flex:1;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:.85rem;background:#f8f9fa}.link-box button{width:44px;height:44px;border:none;background:#009ee3;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.link-box button:hover{background:#0084c2}.result-actions{display:flex;justify-content:center;gap:16px}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.type-selector{flex-direction:column}.type-btn{justify-content:center}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.item-fields{flex-direction:column}.item-fields input{width:100%!important;flex:1!important}.form-footer{flex-direction:column;gap:16px}.result-details{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.result-actions{flex-direction:column}.result-actions .btn{width:100%;justify-content:center}}.mp-subscriptions{padding:0}.mp-subscriptions .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mp-subscriptions .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#1a1a2e;margin:0}.mp-subscriptions .header-content h1 .material-icons{font-size:32px;color:#009ee3}.mp-subscriptions .header-content p{color:#6c757d;margin:4px 0 0}.mp-subscriptions .header-actions{display:flex;gap:12px}.mp-subscriptions .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.9rem}.mp-subscriptions .btn-primary{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.mp-subscriptions .btn-primary:hover{background:linear-gradient(135deg,#0084c2,#009ee3);transform:translateY(-1px);box-shadow:0 4px 12px #009ee34d}.mp-subscriptions .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.mp-subscriptions .btn-secondary{background:#f8f9fa;color:#1a1a2e;border:1px solid #e9ecef}.mp-subscriptions .btn-secondary:hover{background:#e9ecef}.mp-subscriptions .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.mp-subscriptions .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f}.mp-subscriptions .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mp-subscriptions .stat-icon .material-icons{font-size:28px;color:#fff}.mp-subscriptions .stat-icon.active{background:linear-gradient(135deg,#28a745,#34ce57)}.mp-subscriptions .stat-icon.paused{background:linear-gradient(135deg,#ffc107,#ffca2c)}.mp-subscriptions .stat-icon.cancelled{background:linear-gradient(135deg,#dc3545,#e35d6a)}.mp-subscriptions .stat-icon.mrr{background:linear-gradient(135deg,#6f42c1,#8b5cf6)}.mp-subscriptions .stat-content{display:flex;flex-direction:column}.mp-subscriptions .stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.mp-subscriptions .stat-label{font-size:.85rem;color:#6c757d}.tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tabs{display:flex;background:#fff;border-radius:10px;padding:4px;box-shadow:0 2px 8px #0000000f}.tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-weight:500;color:#6c757d;transition:all .2s}.tab:hover{background:#f8f9fa;color:#1a1a2e}.tab.active{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.tab .material-icons{font-size:20px}.filters{display:flex;gap:12px}.filters select{padding:10px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.filters select:focus{outline:none;border-color:#009ee3}.subscriptions-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.subscriptions-table{width:100%;border-collapse:collapse}.subscriptions-table th,.subscriptions-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.subscriptions-table th{font-weight:600;color:#6c757d;font-size:.8rem;text-transform:uppercase;background:#f8f9fa}.subscriptions-table td{color:#1a1a2e;font-size:.9rem}.subscriptions-table tbody tr:hover{background:#f8f9fa}.subscription-id{font-family:monospace;color:#6c757d;font-size:.85rem}.payer-info{display:flex;flex-direction:column}.payer-email{font-size:.9rem}.subscription-amount{font-weight:600;color:#009ee3}.frequency{font-size:.8rem;color:#6c757d;font-weight:400;margin-left:4px}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;color:#fff}.actions{display:flex;gap:8px}.btn-action{width:32px;height:32px;border:none;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-action.pause:hover{background:#ffc107;color:#1a1a2e}.btn-action.reactivate:hover{background:#28a745;color:#fff}.btn-action.cancel:hover{background:#dc3545;color:#fff}.plans-container{padding:0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.plan-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.plan-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a2e}.plan-price{margin-bottom:20px}.plan-price .amount{font-size:2rem;font-weight:700;color:#009ee3}.plan-price .frequency{font-size:1rem;color:#6c757d;font-weight:400}.plan-details{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-top:16px;border-top:1px solid #eee}.plan-details .detail{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6c757d}.plan-details .detail .material-icons{font-size:18px}.plan-actions{display:flex;gap:12px}.plan-actions .btn{flex:1;justify-content:center}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item .amount{font-weight:700;color:#009ee3;font-size:1.25rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:#1a1a2e}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:.95rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.mp-subscriptions .header-actions{width:100%;flex-direction:column}.tabs-container{flex-direction:column;align-items:stretch}.tabs{width:100%}.tab{flex:1;justify-content:center}.filters,.filters select{width:100%}.subscriptions-table{display:block;overflow-x:auto}.plans-grid,.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.form-row{grid-template-columns:1fr}}.mp-customers{padding:0}.mp-customers .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mp-customers .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#1a1a2e;margin:0}.mp-customers .header-content h1 .material-icons{font-size:32px;color:#009ee3}.mp-customers .header-content p{color:#6c757d;margin:4px 0 0}.mp-customers .header-actions{display:flex;gap:12px}.mp-customers .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.9rem}.mp-customers .btn-primary{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.mp-customers .btn-primary:hover{background:linear-gradient(135deg,#0084c2,#009ee3);transform:translateY(-1px);box-shadow:0 4px 12px #009ee34d}.mp-customers .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.mp-customers .btn-secondary{background:#f8f9fa;color:#1a1a2e;border:1px solid #e9ecef}.mp-customers .btn-secondary:hover{background:#e9ecef}.search-section{display:flex;gap:12px;margin-bottom:24px}.search-input{flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border:1px solid #e9ecef;border-radius:10px;transition:border-color .2s}.search-input:focus-within{border-color:#009ee3}.search-input .material-icons{color:#6c757d}.search-input input{flex:1;padding:14px 0;border:none;font-size:.95rem;outline:none}.customers-container{padding:0}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.customer-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:16px;transition:transform .2s,box-shadow .2s}.customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.customer-avatar{width:56px;height:56px;background:linear-gradient(135deg,#009ee3,#00b1ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}.customer-info{flex:1}.customer-info h3{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:#1a1a2e}.customer-email{margin:0;color:#6c757d;font-size:.9rem}.customer-doc{margin:4px 0 0;color:#6c757d;font-size:.85rem}.customer-meta{display:flex;gap:16px;padding-top:12px;border-top:1px solid #eee}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6c757d}.meta-item .material-icons{font-size:18px}.customer-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #eee}.btn-action{width:36px;height:36px;border:none;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-action:hover{background:#009ee3;color:#fff}.btn-action.edit:hover{background:#ffc107;color:#1a1a2e}.btn-action.delete:hover{background:#dc3545;color:#fff}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action .material-icons{font-size:18px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#6c757d;background:#fff;border-radius:12px}.empty-state .material-icons{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:#1a1a2e}.empty-state p{margin:0 0 20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px;background:#fff;border-radius:12px}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#009ee3;border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.25rem;color:#1a1a2e}.close-btn{width:36px;height:36px;border:none;background:#f8f9fa;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e9ecef}.modal-body{padding:20px}.customer-profile{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee}.profile-avatar{width:64px;height:64px;background:linear-gradient(135deg,#009ee3,#00b1ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:#fff}.profile-info h3{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:#1a1a2e}.profile-info p{margin:0;color:#6c757d}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 2}.detail-item label{font-size:.8rem;color:#6c757d;text-transform:uppercase}.detail-item span{font-size:.95rem;color:#1a1a2e}.detail-item .mono{font-family:monospace;font-size:.85rem;color:#6c757d}.cards-section{padding-top:20px;border-top:1px solid #eee}.cards-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1a1a2e}.no-cards{color:#6c757d;font-size:.9rem;text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}.cards-list{display:flex;flex-direction:column;gap:12px}.card-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px}.card-item .material-icons{font-size:24px;color:#009ee3}.card-info{flex:1;display:flex;flex-direction:column}.card-number{font-family:monospace;font-size:.95rem;color:#1a1a2e}.card-brand{font-size:.8rem;color:#6c757d;text-transform:capitalize}.card-expiry{font-size:.85rem;color:#6c757d}.form-section{margin-bottom:24px}.form-section h4{margin:0 0 16px;font-size:.9rem;font-weight:600;color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.small{max-width:100px}.form-group label{font-size:.85rem;font-weight:500;color:#1a1a2e}.form-group input,.form-group select{padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#009ee3}.form-group input:disabled{background:#f8f9fa;color:#6c757d}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #eee}@media (max-width: 768px){.mp-customers .header-actions{width:100%;flex-direction:column}.search-section{flex-direction:column}.customers-grid,.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.form-grid{grid-template-columns:1fr}.form-group.small{max-width:none}}.checkout-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#f5f7fa}.callback-container{background:#fff;border-radius:20px;padding:48px;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 24px #0000001a}.callback-container.success{border-top:5px solid #28a745}.callback-container.failure{border-top:5px solid #dc3545}.callback-container.pending{border-top:5px solid #ffc107}.callback-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.callback-container.success .callback-icon{background:linear-gradient(135deg,#28a745,#34ce57)}.callback-container.failure .callback-icon{background:linear-gradient(135deg,#dc3545,#e35d6a)}.callback-container.pending .callback-icon{background:linear-gradient(135deg,#ffc107,#ffca2c)}.callback-icon .material-icons{font-size:56px;color:#fff}.callback-container h1{margin:0 0 8px;font-size:1.75rem;font-weight:600;color:#1a1a2e}.callback-subtitle{margin:0 0 32px;color:#6c757d;font-size:1rem}.payment-details{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:.85rem;color:#6c757d}.detail-row .value{font-size:.95rem;font-weight:500;color:#1a1a2e}.detail-row .value.mono{font-family:monospace;font-size:.85rem}.detail-row .value.amount{font-weight:700;color:#009ee3;font-size:1.1rem}.detail-row .value.status-approved{color:#28a745;text-transform:capitalize}.detail-row .value.status-rejected{color:#dc3545;text-transform:capitalize}.detail-row .value.status-pending{color:#ffc107;text-transform:capitalize}.loading-info{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6c757d}.spinner-small{width:20px;height:20px;border:2px solid #e9ecef;border-top-color:#009ee3;border-radius:50%;animation:spin 1s linear infinite}.failure-tips,.pending-tips{background:#fff3cd;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.pending-tips{background:#d1ecf1}.failure-tips h4,.pending-tips h4{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#1a1a2e}.failure-tips ul,.pending-tips ul{margin:0;padding-left:20px}.failure-tips li,.pending-tips li{color:#6c757d;font-size:.9rem;margin-bottom:8px}.failure-tips li:last-child,.pending-tips li:last-child{margin-bottom:0}.pix-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.pix-section h4{margin:0 0 16px;font-size:.9rem;font-weight:600;color:#1a1a2e}.pix-code{display:flex;gap:8px;margin-bottom:16px}.pix-code input{flex:1;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:.85rem;font-family:monospace;background:#fff}.pix-code button{width:44px;height:44px;border:none;background:#009ee3;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pix-code button:hover{background:#0084c2}.qr-code{max-width:200px;margin:0 auto;display:block;border-radius:8px}.boleto-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.boleto-section h4{margin:0 0 16px;font-size:.9rem;font-weight:600;color:#1a1a2e}.callback-actions{display:flex;justify-content:center;gap:16px}.callback-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.95rem}.callback-actions .btn-primary{background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff}.callback-actions .btn-primary:hover{background:linear-gradient(135deg,#0084c2,#009ee3);transform:translateY(-1px);box-shadow:0 4px 12px #009ee34d}.callback-actions .btn-secondary{background:#f8f9fa;color:#1a1a2e;border:1px solid #e9ecef}.callback-actions .btn-secondary:hover{background:#e9ecef}@media (max-width: 480px){.callback-container{padding:32px 20px}.callback-icon{width:80px;height:80px}.callback-icon .material-icons{font-size:44px}.callback-container h1{font-size:1.5rem}.callback-actions{flex-direction:column}.callback-actions .btn{width:100%;justify-content:center}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #2563eb;--color-primary: var(--primary-600);--color-primary-hover: var(--primary-700);--color-primary-light: var(--primary-100);--color-success: var(--success-600);--color-warning: var(--warning-500);--color-danger: var(--danger-600);--color-info: var(--info-600);--color-text: var(--gray-900);--color-text-secondary: var(--gray-500);--color-text-muted: var(--gray-400);--color-bg: #ffffff;--color-bg-secondary: var(--gray-50);--color-bg-tertiary: var(--gray-100);--color-border: var(--gray-200);--color-border-light: var(--gray-100);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--content-max-width: 1400px}@media (prefers-color-scheme: dark){:root.auto-dark{--color-text: var(--gray-100);--color-text-secondary: var(--gray-400);--color-bg: var(--gray-900);--color-bg-secondary: var(--gray-800);--color-border: var(--gray-700)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--primary-200);color:var(--primary-900)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}small{font-size:var(--text-sm)}strong,b{font-weight:var(--font-semibold)}code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--color-bg-tertiary);padding:.2em .4em;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn .material-icons{font-size:18px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--gray-300)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-700)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-700)}.btn-warning{background-color:var(--color-warning);color:var(--gray-900)}.btn-warning:hover:not(:disabled){background-color:var(--warning-600)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--color-bg-tertiary);border-color:var(--gray-300);color:var(--color-text)}.btn-icon .material-icons{font-size:20px}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-sm .material-icons{font-size:18px}.btn-block{width:100%}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card-body{padding:var(--space-6)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--primary-300)}.card-flat{box-shadow:none}.card-bordered{box-shadow:none;border:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--gray-300)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.input-group{position:relative;display:flex;align-items:stretch}.input-group .form-input{flex:1}.input-group-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.input-group-icon .material-icons{font-size:20px}.input-group .form-input.has-icon-left{padding-left:var(--space-10)}.form-input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.form-input-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.form-input.is-invalid,.form-select.is-invalid{border-color:var(--color-danger)}.form-input.is-invalid:focus{box-shadow:0 0 0 3px var(--danger-100)}.form-input.is-valid{border-color:var(--color-success)}.form-error{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-danger)}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.form-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-check-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.form-check-label{font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert .material-icons{font-size:20px;flex-shrink:0}.alert-success{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.alert-danger,.alert-error{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-100)}.alert-warning{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-100)}.alert-info{background-color:var(--info-50);color:var(--primary-700);border:1px solid var(--info-100)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);white-space:nowrap}.badge-primary{background-color:var(--primary-100);color:var(--primary-700)}.badge-secondary{background-color:var(--gray-100);color:var(--gray-700)}.badge-success{background-color:var(--success-100);color:var(--success-700)}.badge-warning{background-color:var(--warning-100);color:var(--warning-700)}.badge-danger{background-color:var(--danger-100);color:var(--danger-700)}.badge-info{background-color:var(--info-100);color:var(--info-600)}.badge-dot{width:8px;height:8px;padding:0;border-radius:var(--radius-full)}.badge-dot.badge-success{background-color:var(--color-success)}.badge-dot.badge-warning{background-color:var(--color-warning)}.badge-dot.badge-danger{background-color:var(--color-danger)}.table-container{background-color:var(--color-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal-content{background-color:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:calc(100vh - var(--space-8));overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(100vh - 200px)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.modal-sm .modal-content{max-width:400px}.modal-lg .modal-content{max-width:800px}.modal-xl .modal-content{max-width:1140px}.modal-fullscreen .modal-content{max-width:none;width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));max-height:none}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:16px;height:16px}.spinner-lg{width:32px;height:32px;border-width:3px}.spinner-xl{width:48px;height:48px;border-width:4px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.loading-state p,.empty-state p{color:var(--color-text-secondary);margin:0}.empty-state .material-icons{font-size:64px;color:var(--gray-300);margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-slide-down{animation:slideDown var(--transition-base)}.animate-pulse{animation:pulse 2s infinite}.hidden{display:none!important}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-white{background-color:#fff}.border{border:1px solid var(--color-border)}.border-0{border:none}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media (max-width: 639px){.sm\:hidden{display:none!important}}@media (min-width: 640px){.sm\:block{display:block!important}.sm\:flex{display:flex!important}.sm\:grid{display:grid!important}.sm\:hidden{display:none!important}}@media (max-width: 767px){.md\:hidden-below{display:none!important}}@media (min-width: 768px){.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}}@media (min-width: 1024px){.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:grid{display:grid!important}.lg\:hidden{display:none!important}}@media (min-width: 1280px){.xl\:block{display:block!important}.xl\:flex{display:flex!important}.xl\:hidden{display:none!important}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.legacy-page-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 768px){.legacy-page-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.page-header-content h1{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.page-header-content h1 .material-icons{color:var(--color-primary);font-size:28px}.page-header-content p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.stat-card.clickable{cursor:pointer}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon .material-icons{font-size:24px;color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.stat-icon.green{background:linear-gradient(135deg,#34d399,#10b981)}.stat-icon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.stat-icon.red{background:linear-gradient(135deg,#f87171,#ef4444)}.stat-icon.cyan{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.stat-icon.orange{background:linear-gradient(135deg,#fb923c,#f97316)}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1.2}.stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}@media (max-width: 639px){.stat-card{flex-direction:column;text-align:center}.stat-icon{width:40px;height:40px}.stat-icon .material-icons{font-size:20px}.stat-value{font-size:var(--text-lg)}}.filters-bar{background-color:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;border:1px solid var(--color-border)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.filter-group label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.filter-group input,.filter-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);min-width:150px;background-color:var(--color-bg)}.filter-group.search{flex:1;min-width:200px}.filter-group.search input{width:100%}@media (max-width: 767px){.filters-bar{flex-direction:column;align-items:stretch}.filter-group,.filter-group input,.filter-group select{width:100%}}.account-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);font-size:var(--text-sm);min-width:180px;cursor:pointer}.account-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--gray-300) var(--color-bg-secondary)}@media print{.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}