#reportsView{--primary-color: var(--color-primary);--primary-hover: var(--color-primary-hover);--bg-color: var(--color-bg-base);--card-bg: var(--color-bg-surface);--text-main: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--shadow: var(--shadow-md);--control-height: 2.625rem}#reportsView .container{width:100%;max-width:100%;padding:0}#reportsView .stats{display:flex;gap:1.5rem;margin-bottom:24px;flex-wrap:wrap;background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:20px;border-radius:var(--radius-md)}#reportsView .stat-card{flex:1;min-width:150px}#reportsView .stat-card .label{display:block;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px}#reportsView .stat-card .value{font-size:20px;font-weight:800;color:var(--color-text-primary)}#reportsView .controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-md)}#reportsView .search-box{position:relative;flex:1;min-width:300px}#reportsView .search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px;display:flex;align-items:center}#reportsView .search-box input{width:100%;height:var(--control-height);padding:0 1rem 0 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:600;outline:none;transition:var(--transition-fast)}#reportsView .search-box input:focus{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:0 0 0 4px var(--color-primary-light)}#reportsView select{height:var(--control-height);padding:0 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;background-color:var(--bg-color);color:var(--text-main);cursor:pointer;outline:none}#reportsView select:focus{border-color:var(--primary-color)}#reportsView .filters{display:flex;gap:.75rem;align-items:center}#reportsView .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary-color);color:var(--color-bg-surface);border:none;height:var(--control-height);padding:0 1.25rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-fast)}#reportsView .btn-primary:hover{background-color:var(--primary-hover)}#reportsView .btn-xl{padding:0 2.5rem;height:3.5rem;font-size:16px;border-radius:var(--radius-md);margin:1.5rem auto;box-shadow:0 10px 15px -3px #5932ea26}#reportsView .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color);height:var(--control-height);padding:0 1.25rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-fast)}#reportsView .btn-secondary:hover{background-color:var(--color-bg-neutral);border-color:var(--color-text-muted)}#reportsView .btn-primary i,#reportsView .btn-secondary i{width:14px;height:14px}#reportsView .spinning{animation:spin 1s linear infinite}#reportsView .empty-state{display:flex;justify-content:center;align-items:center;min-height:360px;background-color:var(--card-bg);border:2px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:1rem;text-align:center}#reportsView .empty-content{max-width:500px;padding:2rem;display:flex;flex-direction:column;align-items:center}#reportsView .empty-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:1.5rem}#reportsView .empty-content h2{font-size:20px;font-weight:800;color:var(--text-main);margin-bottom:10px}#reportsView .empty-content p{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:16px}#reportsView .empty-content .note{display:block;font-size:11px;color:var(--text-muted);font-style:italic}#reportsView .table-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:auto;box-shadow:var(--shadow);max-height:calc(100vh - 280px);margin-top:1rem}#reportsView .table-container::-webkit-scrollbar{width:8px;height:8px}#reportsView .table-container::-webkit-scrollbar-track{background:transparent}#reportsView .table-container::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:var(--radius-full)}#reportsView .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b880;cursor:pointer}#reportsView table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}#reportsView thead th{position:sticky;top:0;z-index:10;background-color:var(--color-bg-card-header)}#reportsView th{padding:14px 16px;font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}#reportsView td{padding:14px 16px;border-top:1px solid var(--border-color);vertical-align:top;white-space:nowrap;color:var(--color-text-secondary)}#reportsView .expand-row td{white-space:normal}#reportsView tr:hover{background-color:var(--color-bg-base)}#reportsView .order-id{font-weight:700;color:var(--primary-color);display:block;white-space:nowrap}#reportsView .timestamp{font-size:11px;color:var(--text-muted);white-space:nowrap}#reportsView .entity-name{font-weight:600;color:var(--color-text-primary);display:block}#reportsView .entity-info{font-size:11px;color:var(--text-muted);display:block}#reportsView .status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;white-space:nowrap;background-color:var(--color-bg-neutral);color:var(--color-text-secondary);display:inline-block}#reportsView .status-accepted{background-color:var(--color-success-light);color:var(--color-success)}#reportsView .status-in-progress{background-color:var(--color-warning-light);color:var(--color-warning)}#reportsView .status-created{background-color:var(--color-info-light);color:var(--color-info)}#reportsView .status-completed{background-color:var(--color-success-light);color:var(--color-success)}#reportsView .status-cancelled{background-color:var(--color-danger-light);color:var(--color-danger)}#reportsView .view-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-fast)}#reportsView .view-btn:hover{background-color:var(--color-primary-light)}#reportsView .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}#reportsView .form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:600;outline:none;transition:var(--transition-fast)}#reportsView input.form-input{height:var(--control-height);padding:0 .75rem}#reportsView .form-input:focus{border-color:var(--primary-color);background-color:var(--card-bg)}#reportsView .checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}#reportsView .checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer}#reportsView .checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}#reportsView .order-header-cell{display:flex;align-items:center;gap:.75rem}#reportsView .row-expand-chevron{width:14px;height:14px;color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0}#reportsView tr.expanded .row-expand-chevron{transform:rotate(90deg)}#reportsView .expand-row{background-color:var(--card-bg)}#reportsView .expand-wrapper{padding:1.25rem 1.5rem;border-top:1px dashed var(--border-color);background-color:var(--bg-color)}#reportsView .expand-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}#reportsView .modal-event-logs{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:.5rem}#reportsView .modal-event-logs li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;font-size:13px;font-weight:600;color:var(--text-main);padding:8px 12px;background-color:var(--card-bg);border-radius:var(--radius-sm);border-left:4px solid var(--primary-color)}#reportsView .modal-event-logs .log-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#reportsView .modal-event-logs .log-status{font-weight:700;color:var(--color-text-primary)}#reportsView .modal-event-logs .log-actor{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.025em;background-color:var(--color-bg-neutral);color:var(--color-text-muted);display:inline-block}#reportsView .modal-event-logs .log-actor.actor-seller{background-color:var(--color-primary-light);color:var(--color-primary)}#reportsView .modal-event-logs .log-actor.actor-logistics{background-color:var(--color-success-light);color:var(--color-success)}#reportsView .modal-event-logs .log-actor.actor-buyer{background-color:var(--color-warning-light);color:var(--color-warning)}#reportsView .modal-event-logs .log-arrow{color:var(--text-muted)}#reportsView .modal-event-logs .log-time{color:var(--text-muted);font-size:11px}#reportsView li.cancel-log{border-left-color:var(--danger)}#reportsView .modal-event-logs .log-code{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.025em;background-color:var(--color-danger-light);color:var(--color-danger);display:inline-block}#reportsView .copy-small-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);opacity:.6;cursor:pointer;padding:2px;border-radius:var(--radius-sm);margin-left:6px;transition:var(--transition-fast);vertical-align:middle}#reportsView .copy-small-btn:hover{color:var(--primary-color);background-color:var(--color-primary-light);opacity:1}#reportsView .copy-small-btn i{width:10px;height:10px}#loading-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;flex-direction:column;z-index:2000}#loading-overlay .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}#details-modal .modal-body{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}#details-modal .detail-item{display:flex;flex-direction:column;gap:4px;background:none!important;border:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}#details-modal .detail-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}#details-modal .detail-value{font-size:14px;font-weight:600;color:var(--color-text-primary);word-break:break-word;white-space:normal}#details-modal .digipin-link{color:var(--color-primary);text-decoration:none;font-weight:700}#details-modal .digipin-link:hover{text-decoration:underline}#details-modal .modal-items-list{margin:4px 0 0;padding-left:20px;list-style-type:disc}#details-modal .modal-items-list li{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}#details-modal .modal-event-logs{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:8px}#details-modal .modal-event-logs li{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:13px;font-weight:600;color:var(--color-text-primary);padding:8px 12px;background-color:var(--color-bg-base);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary)}#details-modal .modal-event-logs .log-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#details-modal .modal-event-logs .log-status{font-weight:700;color:var(--color-text-primary)}#details-modal .modal-event-logs .log-actor{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.025em;background-color:var(--color-bg-neutral);color:var(--color-text-muted)}#details-modal .modal-event-logs .log-actor.actor-seller{background-color:var(--color-primary-light);color:var(--color-primary)}#details-modal .modal-event-logs .log-actor.actor-logistics{background-color:var(--color-success-light);color:var(--color-success)}#details-modal .modal-event-logs .log-actor.actor-buyer{background-color:var(--color-warning-light);color:var(--color-warning)}#details-modal .modal-event-logs .log-arrow{color:var(--color-text-muted)}#details-modal .modal-event-logs .log-time{color:var(--color-text-muted);font-size:11px}#details-modal li.cancel-log{border-left-color:var(--color-danger)}#details-modal .modal-event-logs .log-code{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.025em;background-color:var(--color-danger-light);color:var(--color-danger)}@media(max-width:1024px){#reportsView .stats{flex-direction:column;gap:12px}#reportsView .controls{flex-direction:column;align-items:stretch}#reportsView .search-box{width:100%;min-width:0}#reportsView .filters{flex-direction:column;align-items:stretch}#reportsView select,#reportsView .btn-primary,#reportsView .btn-secondary{width:100%}}@media(max-width:768px){#reportsView .table-container{border:none;box-shadow:none;background:transparent;max-height:none;overflow:visible;margin-top:.5rem}#reportsView table,#reportsView thead,#reportsView tbody,#reportsView th,#reportsView td,#reportsView tr{display:block}#reportsView thead{display:none}#reportsView tr{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:0;box-shadow:var(--shadow);overflow:hidden}#reportsView td{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;border:none;border-bottom:1px solid var(--border-color);text-align:right;white-space:normal}#reportsView td[data-label="Order Details"]{background-color:var(--color-bg-card-header);border-bottom:1px solid var(--border-color);padding:16px}#reportsView td[data-label=Actions]{background-color:var(--color-bg-card-header);border-bottom:none;border-top:1px solid var(--border-color);padding:12px;justify-content:center}#reportsView td:last-child{border-bottom:none}#reportsView td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:10px;text-align:left;margin-right:1.5rem;flex-shrink:0;letter-spacing:.025em}#reportsView .view-btn{width:100%;background-color:var(--primary-color);color:var(--color-bg-surface);height:var(--control-height);padding:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem}#reportsView .view-btn i{width:16px;height:16px}#reportsView .view-btn:after{content:"View Details";font-size:13px;font-weight:700}#reportsView tr.expand-row{border-top:none;margin-top:-1.25rem;margin-bottom:1.25rem;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);overflow:hidden}#reportsView tr.expand-row td{padding:0;border:none}#reportsView tr.expanded{margin-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}}.status-checkbox-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.status-toggle-card{cursor:pointer}.status-toggle-card input[type=checkbox]{display:none}.status-chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.025em;border:1px solid var(--color-border);background-color:var(--color-bg-base);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast) ease-in-out}.status-toggle-card input[type=checkbox]:checked+.chip-created{background-color:var(--color-info-light);color:var(--color-info);border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f626}.status-toggle-card input[type=checkbox]:checked+.chip-accepted{background-color:var(--color-success-light);color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 3px #10b98126}.status-toggle-card input[type=checkbox]:checked+.chip-inprogress{background-color:var(--color-warning-light);color:var(--color-warning);border-color:var(--color-warning);box-shadow:0 0 0 3px #f59e0b26}.status-toggle-card input[type=checkbox]:checked+.chip-completed{background-color:var(--color-success-light);color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 3px #10b98126}.status-toggle-card input[type=checkbox]:checked+.chip-cancelled{background-color:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.status-chip:hover{box-shadow:var(--shadow-md)}.status-toggle-card input[type=checkbox]:not(:checked)+.status-chip:hover{border-color:var(--color-text-primary)}.status-chip:active{opacity:.95}