.data-management { display: flex; flex-direction: column; gap: 24px; padding: 16px; } .data-management h2 { margin: 0; } .dm-subtitle { color: #666; font-size: 14px; margin: 4px 0 0 0; } .dm-section { border: 1px solid #eee; border-radius: 10px; background: #fff; padding: 16px; } .dm-section h3 { margin: 0 0 12px 0; font-size: 16px; } .dm-controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; } .dm-controls label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #555; } .dm-controls label input[type="text"], .dm-controls label input[type="date"], .dm-controls label select { padding: 6px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 13px; } .dm-check { flex-direction: row !important; align-items: center; } .dm-check input { margin-right: 6px; } .dm-error { color: #c00; margin-top: 8px; font-size: 13px; } .dm-stats { margin-top: 12px; padding: 12px; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; } .dm-stats h4 { margin: 0 0 10px 0; font-size: 14px; color: #334155; } .dm-stats-grid { display: flex; flex-wrap: wrap; gap: 16px 24px; } .dm-stat-item { display: flex; flex-direction: column; gap: 2px; } .dm-stat-wide { flex: 1 1 100%; } .dm-stat-label { font-size: 11px; color: #64748b; text-transform: uppercase; } .dm-stat-profit { color: #059669; font-weight: 600; } .dm-stat-loss { color: #dc2626; font-weight: 600; } .dm-stat-symbols { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 12px; } .dm-stat-hours { max-height: 120px; overflow-y: auto; } .dm-stat-sym { background: #fff; padding: 2px 8px; border-radius: 4px; } .dm-table .dm-profit { color: #059669; } .dm-table .dm-loss { color: #dc2626; } .dm-result { margin-top: 16px; } .dm-result-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; font-size: 13px; color: #555; } .dm-source-tag { font-size: 11px; color: #64748b; background: #e2e8f0; padding: 2px 8px; border-radius: 4px; } .dm-table-wrap { overflow-x: auto; max-height: 400px; overflow-y: auto; } .dm-table { width: 100%; border-collapse: collapse; font-size: 13px; } .dm-table th, .dm-table td { padding: 8px 10px; border: 1px solid #eee; text-align: left; } .dm-table th { background: #f8f8f8; font-weight: 600; position: sticky; top: 0; } .dm-table tbody tr:hover { background: #f9f9f9; } .dm-more { padding: 8px 10px; font-size: 12px; color: #666; } .btn { padding: 8px 14px; border-radius: 6px; border: 1px solid #ddd; background: #fff; cursor: pointer; font-size: 13px; } .btn:disabled { opacity: 0.6; cursor: not-allowed; } .btn-primary { background: #0066cc; color: #fff; border-color: #0066cc; } .btn-primary:hover:not(:disabled) { background: #0052a3; } .btn-sm { padding: 4px 10px; font-size: 12px; }