:root{--primary-color:#2c3e50;--primary-light:#3498db;--primary-dark:#2980b9;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-bg:#f8f9fa;--border-color:#dee2e6;--text-muted:#6c757d;--shadow:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.15);--border-radius:8px;--transition:all 0.3s ease}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;margin:0;padding:0;background:#f5f5f5;line-height:1.6;color:#333}.navbar{background:var(--primary-color);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-container{max-width:1500px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:10px}.nav-menu li{margin:0}.nav-menu a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;transition:var(--transition);display:block}.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.2)}.nav-menu a:focus{outline:2px solid #fff;outline-offset:2px}.container{max-width:1500px;margin:20px auto;padding:0 20px;overflow-x:hidden;width:100%;box-sizing:border-box}.dashboard-grid,.status-grid,.queue-grid,.stats-grid,.archive-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card,.queue-card{background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-light);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card:hover::before{height:6px}.queue-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card h3,.queue-card h3{margin:0 0 10px;font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin:10px 0;line-height:1.2}.stat-label{color:#666;font-size:.9rem}.queue-stats{margin-bottom:15px}.stat-row{display:flex;justify-content:space-between;margin:5px 0;padding:2px 0}.stat-card:nth-child(1)::before{background:linear-gradient(90deg,#6c757d,#495057)}.stat-card:nth-child(2)::before{background:linear-gradient( 90deg,var(--primary-light),var(--primary-dark) )}.stat-card:nth-child(3)::before{background:linear-gradient(90deg,var(--success-color),#218838)}.stat-card:nth-child(4)::before{background:linear-gradient(90deg,var(--error-color),#c82333)}.stat-card:nth-child(5)::before{background:linear-gradient(90deg,var(--warning-color),#e0a800)}.stat-card:nth-child(6)::before{background:linear-gradient(90deg,var(--info-color),#138496)}.stat-card:nth-child(7)::before{background:linear-gradient(90deg,#6f42c1,#5a32a3)}.stat-card:nth-child(6) .stat-value{color:var(--info-color);font-weight:700}.stat-card:nth-child(5) .stat-value{color:#856404;font-weight:700}.table-container{overflow-x:hidden!important;-webkit-overflow-scrolling:touch;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:20px;width:100%;max-width:100%}.data-table{width:100%;border-collapse:collapse;table-layout:fixed!important}.data-table th,.data-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table th{background:var(--light-bg);font-weight:600;color:#333;position:sticky;top:0;z-index:10;white-space:nowrap}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background:var(--light-bg)}.data-table tbody tr:focus-within{background:#e3f2fd;outline:2px solid var(--primary-light)}.data-table.outbound-table .col-customer{width:12%}.data-table.outbound-table .col-message{width:12%}.data-table.outbound-table .col-source{width:10%}.data-table.outbound-table .col-dest{width:10%}.data-table.outbound-table .col-text{width:20%}.data-table.outbound-table .col-binding{width:8%}.data-table.outbound-table .col-status{width:8%}.data-table.outbound-table .col-dlr{width:6%}.data-table.outbound-table .col-created{width:7%}.data-table.outbound-table .col-archived{width:7%}.data-table.inbound-table .col-id{width:15%}.data-table.inbound-table .col-source{width:12%}.data-table.inbound-table .col-dest{width:12%}.data-table.inbound-table .col-message{width:25%}.data-table.inbound-table .col-binding{width:10%}.data-table.inbound-table .col-encoding{width:8%}.data-table.inbound-table .col-received{width:9%}.data-table.inbound-table .col-archived{width:9%}.data-table.dlr-table .col-message{width:14%}.data-table.dlr-table .col-status{width:8%}.data-table.dlr-table .col-binding{width:10%}.data-table.dlr-table .col-source{width:12%}.data-table.dlr-table .col-dest{width:12%}.data-table.dlr-table .col-dlr-text{width:22%}.data-table.dlr-table .col-error{width:8%}.data-table.dlr-table .col-delivered{width:7%}.data-table.dlr-table .col-archived{width:7%}.data-table.status-table .col-binding{width:20%}.data-table.status-table .col-status{width:12%}.data-table.status-table .col-connections{width:12%}.data-table.status-table .col-messages{width:15%}.data-table.status-table .col-failures{width:10%}.data-table.status-table .col-reconnects{width:10%}.data-table.status-table .col-rate{width:12%}.data-table.status-table .col-lastconnect{width:19%}.data-table.queue-messages-table .col-id{width:12%}.data-table.queue-messages-table .col-customer{width:15%}.data-table.queue-messages-table .col-destination{width:12%}.data-table.queue-messages-table .col-source{width:12%}.data-table.queue-messages-table .col-text{width:25%}.data-table.queue-messages-table .col-binding{width:8%}.data-table.queue-messages-table .col-priority{width:6%}.data-table.queue-messages-table .col-attempts{width:6%}.data-table.queue-messages-table .col-status{width:8%}.data-table.queue-messages-table .col-created{width:12%}.data-table.queue-inbound-table .col-id{width:15%}.data-table.queue-inbound-table .col-from{width:12%}.data-table.queue-inbound-table .col-to{width:12%}.data-table.queue-inbound-table .col-text{width:25%}.data-table.queue-inbound-table .col-binding{width:8%}.data-table.queue-inbound-table .col-encoding{width:8%}.data-table.queue-inbound-table .col-attempts{width:8%}.data-table.queue-inbound-table .col-webhook-status{width:12%}.data-table.queue-inbound-table .col-received{width:12%}.data-table.queue-dlr-table .col-message{width:18%}.data-table.queue-dlr-table .col-status{width:12%}.data-table.queue-dlr-table .col-binding{width:12%}.data-table.queue-dlr-table .col-error{width:10%}.data-table.queue-dlr-table .col-webhook-attempts{width:12%}.data-table.queue-dlr-table .col-webhook-status{width:15%}.data-table.queue-dlr-table .col-created{width:21%}.data-table.customer-archive-table .col-datetime{width:15%}.data-table.customer-archive-table .col-from{width:12%}.data-table.customer-archive-table .col-to{width:12%}.data-table.customer-archive-table .col-message{width:30%}.data-table.customer-archive-table .col-status{width:10%}.data-table.customer-archive-table .col-dlr-status{width:12%}.data-table.customer-archive-table .col-actions{width:9%}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}}@media(max-width:1200px){.hide-lg{display:none!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.data-table.outbound-table .col-text{width:25%}.data-table.inbound-table .col-message{width:30%}.data-table.dlr-table .col-dlr-text{width:28%}.data-table.status-table .col-binding{width:25%}.data-table.status-table .col-status{width:15%}.data-table.status-table .col-connections{width:15%}.data-table.status-table .col-messages{width:20%}.data-table.status-table .col-failures{width:12%}.data-table.status-table .col-rate{width:13%}.data-table.queue-messages-table .col-text{width:30%}.data-table.queue-messages-table .col-customer{width:18%}.data-table.queue-inbound-table .col-text{width:30%}.data-table.queue-inbound-table .col-id{width:18%}}@media(max-width:900px){.hide-md{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.data-table.outbound-table .col-text{width:30%}.data-table.inbound-table .col-message{width:35%}.data-table.dlr-table .col-dlr-text{width:32%}.data-table.status-table .col-binding{width:30%}.data-table.status-table .col-status{width:20%}.data-table.status-table .col-connections{width:20%}.data-table.status-table .col-messages{width:30%}.data-table.queue-messages-table .col-text{width:35%}.data-table.queue-messages-table .col-customer{width:20%}.data-table.queue-inbound-table .col-text{width:35%}.data-table.queue-inbound-table .col-id{width:20%}}@media(max-width:600px){.hide-sm{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-card h3{font-size:12px}.stat-value{font-size:1.5rem}.data-table.outbound-table .col-text{width:40%}.data-table.inbound-table .col-message{width:45%}.data-table.dlr-table .col-dlr-text{width:40%}.data-table.status-table .col-binding{width:35%}.data-table.status-table .col-status{width:25%}.data-table.status-table .col-connections{width:40%}.data-table.queue-messages-table .col-text{width:45%}.data-table.queue-messages-table .col-customer{width:25%}.data-table.queue-inbound-table .col-text{width:45%}.data-table.queue-inbound-table .col-id{width:25%}.table-layout{display:none}.card-layout{display:block}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr;gap:10px}}.data-table td[title]{cursor:help}.data-table td:hover{background:var(--light-bg);position:relative;z-index:10}.card-layout{display:none}.message-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:15px;padding:15px;box-shadow:var(--shadow);transition:var(--transition)}.message-card:hover{box-shadow:var(--shadow-lg)}.card-header{font-weight:600;color:var(--primary-color);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.card-status{font-size:12px;padding:4px 8px;border-radius:12px;background:var(--light-bg);color:var(--text-muted);font-weight:500;text-transform:uppercase}.card-content{font-size:14px;line-height:1.5}.card-row{display:flex;margin-bottom:6px;align-items:flex-start}.card-label{font-weight:500;min-width:80px;color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.3px}.card-value{flex:1;word-break:break-word;color:#333}.card-status.status-sent,.card-status.status-delivered,.card-status.status-delivrd{background:rgba(40,167,69,.1);color:var(--success-color)}.card-status.status-failed,.card-status.status-error,.card-status.status-undelivered{background:rgba(220,53,69,.1);color:var(--error-color)}.card-status.status-pending,.card-status.status-accepted{background:rgba(52,152,219,.1);color:var(--primary-light)}.btn{display:inline-block;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-light);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:4px 12px;font-size:12px}.btn-primary{background:var(--primary-light);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px)}.btn-info{background:linear-gradient(135deg,var(--info-color),#138496);color:#fff;box-shadow:0 2px 4px rgba(23,162,184,.3)}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px);box-shadow:0 4px 8px rgba(23,162,184,.4)}.retry-btn{margin-left:10px;display:inline-flex;align-items:center;gap:5px}.status-ok,.status-completed,.status-sent,.status-delivered,.status-delivrd,.status-deliverd{color:var(--success-color);font-weight:500;background:rgba(40,167,69,.1);padding:2px 6px;border-radius:3px}.status-error,.status-failed,.status-undelivered,.status-undeliv,.status-rejectd,.status-rejected,.status-expired,.status-unknown{color:var(--error-color);font-weight:500;background:rgba(220,53,69,.1);padding:2px 6px;border-radius:3px}.status-pending,.status-acceptd,.status-accepted{color:#856404;font-weight:500;background:rgba(255,193,7,.1);padding:2px 6px;border-radius:3px}.status-unknown{color:var(--text-muted)}.error-code-success{color:var(--success-color);font-weight:500;background:rgba(40,167,69,.1);padding:2px 6px;border-radius:3px}.error-code-error{color:var(--error-color);font-weight:500;background:rgba(220,53,69,.1);padding:2px 6px;border-radius:3px}.error-code-display{font-weight:700;padding:2px 6px;border-radius:3px;font-size:.875em;text-align:center}.data-table .error-code-display{display:table-cell!important;min-width:auto!important}.loading{text-align:center;padding:40px;color:#666;position:relative}.loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-light);border-radius:50%;animation:spin 1s linear infinite;margin-top:10px}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}100%{transform:translate(-50%,-50%)rotate(360deg)}}.error{text-align:center;padding:40px 20px;color:var(--error-color);background:rgba(220,53,69,.1);border-radius:var(--border-radius);border:1px solid rgba(220,53,69,.2)}.error-content{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.no-data,.no-results{text-align:center;padding:60px 20px;color:var(--text-muted);font-style:italic;background:#fff;border-radius:var(--border-radius);margin:20px 0}.info{text-align:center;padding:40px 20px;color:var(--text-muted);background:var(--light-bg);border-radius:var(--border-radius)}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.toolbar{margin-bottom:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.toolbar select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:#fff;font-size:14px;min-width:120px}.toolbar select:focus{outline:2px solid var(--primary-light);outline-offset:2px;border-color:var(--primary-light)}.pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin:30px 0;flex-wrap:wrap;padding:20px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.pagination .btn{margin:0}.page-info{padding:8px 16px;color:var(--primary-color);font-weight:600;font-size:14px;white-space:nowrap;background:var(--light-bg);border-radius:4px;border:1px solid var(--border-color);margin:0 5px}.search-container{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow-lg);margin-bottom:30px}.search-form{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:300px;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.search-type{padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;background:#fff;min-width:150px}.search-type:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.search-stats{background:var(--light-bg);padding:15px 20px;border-radius:var(--border-radius);margin-bottom:25px;border-left:4px solid var(--primary-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.search-results-container{display:grid;gap:30px}.result-group{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.result-group h3{background:linear-gradient(135deg,var(--light-bg),#e9ecef);padding:20px;margin:0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.result-count{background:var(--primary-light);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.result-item{padding:20px;border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.result-item:hover{background-color:var(--light-bg)}.result-item:last-child{border-bottom:none}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.result-title{font-size:18px;font-weight:600;color:#212529;flex:1}.result-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.result-badge.queue{background:var(--success-color);color:#fff}.result-badge.archive{background:var(--text-muted);color:#fff}.result-customer{margin:10px 0;font-size:14px;color:var(--text-muted)}.result-actions{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.result-meta{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.result-meta span{font-size:14px;color:var(--text-muted)}.result-meta strong{color:#495057}.result-text{background:var(--light-bg);padding:15px;border-radius:var(--border-radius);font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;border-left:4px solid var(--primary-light);margin-top:10px}.highlight{background:#fff3cd;padding:2px 4px;border-radius:3px;font-weight:600}.copy-toast{position:fixed;top:20px;right:20px;background:var(--success-color);color:#fff;padding:12px 20px;border-radius:6px;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transform:translateX(100%);transition:var(--transition);max-width:400px;word-wrap:break-word}.copy-toast.show{opacity:1;transform:translateX(0)}.copy-toast.error{background:var(--error-color)}.action-buttons{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.json-link{color:#f0db4f;border-color:#f0db4f;background:#323330}.json-link:hover{background:#f0db4f;color:#323330}.customer-archive-link{color:var(--info-color);text-decoration:none;padding:2px 4px;border-radius:3px;transition:var(--transition);margin-right:4px}.customer-archive-link:hover{background:var(--info-color);color:#fff}.customer-archive-link:focus{outline:2px solid var(--info-color);outline-offset:2px}.dlr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1050;box-sizing:border-box;padding:20px;backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.dlr-modal[style*=flex]{opacity:1}.dlr-modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 8px 32px rgba(0,0,0,.3);margin:0;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.dlr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient( 135deg,var(--primary-light),var(--primary-dark) );color:#fff;border-radius:12px 12px 0 0}.dlr-modal-header h3{margin:0;font-size:20px;font-weight:600}.close-button{color:#fff;font-size:28px;font-weight:700;cursor:pointer;line-height:1;transition:var(--transition);padding:5px;border-radius:50%;border:none;background:0 0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-button:hover,.close-button:focus{background:rgba(255,255,255,.2);transform:scale(1.1);outline:2px solid #fff;outline-offset:2px}.dlr-modal-body{padding:30px;max-height:60vh;overflow-y:auto}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.detail-row .value{color:#333;font-size:15px;word-break:break-word}.dlr-info p{margin:10px 0;display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.dlr-info p:last-child{border-bottom:none}.dlr-info strong{color:#495057;min-width:140px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.dlr-info span{text-align:right;flex:1;color:#333}.dlr-not-found{text-align:center;color:#666;padding:20px}.dlr-not-found a{color:var(--primary-light);text-decoration:none}.dlr-not-found a:hover{text-decoration:underline}.dlr-link{color:var(--primary-light);text-decoration:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition);border:1px solid transparent}.dlr-link:hover{background:var(--primary-light);color:#fff;text-decoration:none}.dlr-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.customer-archive-page{padding:20px;max-width:1500px;margin:0 auto}.customer-info{background:var(--light-bg);padding:20px;border-radius:var(--border-radius);margin-bottom:30px;border-left:4px solid var(--primary-light)}.customer-info h2{margin:0 0 10px;color:#333}.section{margin-bottom:40px}.section h2{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.error-message{background:#f8d7da;color:#721c24;padding:15px 20px;border-radius:var(--border-radius);margin-bottom:20px;display:flex;align-items:center;gap:10px;border:1px solid #f5c6cb}.error-message i{font-size:20px}.footer-info{margin-top:40px;padding:20px;background:var(--light-bg);border-radius:var(--border-radius);text-align:center;color:var(--text-muted);font-size:14px}.footer-info p{margin:5px 0}.share-links{margin-top:15px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.connection-card{background:#fff;border-radius:var(--border-radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.connection-card h2{margin:0 0 15px;color:#333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.health-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.connection-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.archive-search{background:var(--light-bg);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);margin-bottom:30px}.archive-search h2{margin:0 0 15px;color:#333}.dlr-text-cell{max-width:200px;cursor:help}.dlr-text-cell:hover{background:var(--light-bg)}@media(max-width:768px){.nav-container{flex-direction:column;gap:15px}.nav-menu{flex-wrap:wrap;justify-content:center}.nav-menu li{margin:2px}.search-form{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.result-meta{flex-direction:column;gap:5px}.result-header{flex-direction:column;align-items:flex-start;gap:10px}.action-buttons{flex-direction:column;width:100%}.dlr-modal-content{margin:10px;max-height:95vh}.share-links{flex-direction:column;gap:5px}.customer-archive-page{padding:10px}.data-table th,.data-table td{padding:8px 6px;font-size:14px}.dlr-modal{padding:10px}.dlr-modal-header{padding:15px}.dlr-modal-body{padding:15px}.dlr-info strong{min-width:100px}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{min-width:auto}.pagination{flex-wrap:wrap;gap:5px}.pagination button{padding:6px 12px;font-size:12px}.message-card{padding:12px;margin-bottom:10px}.card-header{flex-direction:column;align-items:flex-start;gap:6px}.card-label{min-width:70px;font-size:12px}.card-content{font-size:13px}.card-row{margin-bottom:4px}}@media(max-width:480px){.container{padding:0 10px}.dlr-modal-header{padding:12px;flex-direction:column;gap:10px;text-align:center}.dlr-modal-body{padding:12px}.data-table th,.data-table td{padding:6px 4px;font-size:12px}.dlr-modal{padding:5px}.dlr-info p{flex-direction:column;align-items:flex-start;gap:5px}.dlr-info span{text-align:left}.search-container{padding:20px 15px}.result-item{padding:15px}.stat-card,.queue-card{padding:15px}.copy-toast{right:10px;left:10px;max-width:none}}@media print{.navbar,.toolbar,.pagination,.copy-toast,.btn,.action-buttons,.card-layout{display:none!important}.table-layout{display:block!important}.container{max-width:none;margin:0;padding:0}.data-table,.stat-card,.queue-card{box-shadow:none;border:1px solid #ccc}.search-results-container{break-inside:avoid}}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid transparent;display:flex;align-items:flex-start;gap:8px}.alert::before{flex-shrink:0;font-weight:700;line-height:1.4}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-success::before{content:"✓"}.alert-error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-error::before{content:"!"}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-warning::before{content:"⚠"}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-info::before{content:"ℹ"}.alert strong{margin-right:4px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:20px}.login-card{background:#fff;padding:36px 32px 28px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.login-card h1{margin:0 0 6px;font-size:1.5rem;text-align:center}.login-card .login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:.9rem}.login-card .form-grid{display:grid;gap:14px;margin-bottom:4px}.login-card .form-row{display:flex;flex-direction:column;gap:6px}.login-card .form-row label{font-size:.85rem;font-weight:600;color:#333}.login-card .form-row input{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;font-family:inherit}.login-card .form-row input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(52,152,219,.15)}.login-card .form-actions{border-top:none;padding-top:0;margin-top:18px}.login-card .btn-primary{width:100%;padding:11px}.nav-text{color:rgba(255,255,255,.85);padding:8px 12px;font-size:.9rem}.doc-shell{margin:-20px -20px 0;background:#fff;min-height:calc(100vh - 60px)}.doc-shell redoc{display:block}