:root{--primary: #0046cf;--primary-hover: #003bad;--primary-soft: #edf3ff;--navy-950: #101b33;--navy-900: #172540;--surface-subtle: #f3f5f8;--surface: #ffffff;--border: #e2e7ee;--text: #243149;--text-muted: #76849a;--success: #29b57e;--success-soft: #eaf8f2;--warning: #e6a23c;--warning-soft: #fff7e8;--danger: #ef5b5b;--danger-soft: #fff0f0;--info: #2e7de9;--font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-card: 0 1px 2px rgba(15, 31, 57, .03), 0 8px 24px rgba(15, 31, 57, .045)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--surface-subtle)}body{min-height:100vh;margin:0;color:var(--text);background:var(--surface-subtle);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.helpdesk-page .connection-status{padding:7px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:16px;color:var(--text-muted);background:var(--surface);font-size:9px;font-weight:700}.helpdesk-page .connection-status span{width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.helpdesk-page .connection-status.online{color:var(--success)}.helpdesk-page .connection-status.online span{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.helpdesk-page .queue-filters{padding:14px;display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(180px,.65fr) auto;align-items:end;gap:12px}.helpdesk-page .field{min-width:0;display:grid;gap:6px}.helpdesk-page .field>span{color:#44526a;font-size:10px;font-weight:700}.helpdesk-page .field input,.helpdesk-page .field select{width:100%;height:38px;padding:0 11px;border:1px solid #dfe5ed;border-radius:6px;outline:0;color:var(--text);background:#fff;font-size:11px}.helpdesk-page .field input:focus,.helpdesk-page .field select:focus,.helpdesk-page .composer textarea:focus{border-color:#8eb3fa;box-shadow:0 0 0 3px #0046cf12}.helpdesk-page .search-control{position:relative;display:flex;align-items:center}.helpdesk-page .search-control app-icon{position:absolute;left:10px;color:var(--text-muted)}.helpdesk-page .search-control input{padding-left:36px}.helpdesk-page .filter-actions{display:flex;gap:7px}.helpdesk-page .feedback-error{padding:12px 14px;border:1px solid #ffd6d6;border-radius:8px;color:#a63f3f;background:var(--danger-soft);font-size:11px}.page-heading{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading h1{margin:0;color:#1b2941;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.025em}.page-heading p{margin:6px 0 0;color:var(--text-muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px}.eyebrow{margin-bottom:5px;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.button{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s ease}.button-primary{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 5px 12px #0046cf26}.button-primary:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.button-secondary{color:#526077;border-color:#dce2ea;background:#fff}.button-secondary:hover{color:var(--primary);border-color:#c4d5f4;background:#f8faff}.button-danger{color:#d24b4b;border-color:#ffd6d6;background:#fff8f8}.card{border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-card)}.card-header{min-height:62px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f4}.card-header h2{margin:0;color:#28364d;font-size:13px;font-weight:700}.card-header p{margin:3px 0 0;color:var(--text-muted);font-size:10px}.card-body{padding:20px}.toolbar{margin-bottom:16px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.field-search{min-width:240px;height:36px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #dfe5ed;border-radius:6px;background:#fafbfd}.field-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px}.select{height:36px;padding:0 30px 0 11px;border:1px solid #dfe5ed;border-radius:6px;outline:0;color:#5f6e83;background:#fff;font-size:11px}.toolbar-spacer{margin-left:auto}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{height:42px;padding:0 18px;border-bottom:1px solid #e9edf2;color:#8995a6;background:#fafbfd;font-size:9px;font-weight:800;letter-spacing:.07em;text-align:left;text-transform:uppercase}.data-table td{height:62px;padding:0 18px;border-bottom:1px solid #eef1f5;color:#56647a;font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.cell-primary{color:#29374e;font-weight:700}.cell-secondary{margin-top:3px;display:block;color:#96a1b1;font-size:9px}.entity{display:flex;align-items:center;gap:10px}.entity-avatar{width:32px;height:32px;display:grid;flex:0 0 auto;place-items:center;border-radius:7px;color:var(--primary);background:var(--primary-soft);font-size:10px;font-weight:800}.badge{min-height:22px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:11px;font-size:9px;font-weight:700}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-success{color:#218861;background:var(--success-soft)}.badge-warning{color:#b27620;background:var(--warning-soft)}.badge-danger{color:#cf4e4e;background:var(--danger-soft)}.badge-neutral{color:#708096;background:#f0f3f7}.badge-info{color:#286bc3;background:#edf5ff}.more-button{width:30px;height:30px;padding:0;border:0;border-radius:5px;color:#8491a3;background:transparent;cursor:pointer}.more-button:hover{color:var(--primary);background:var(--primary-soft)}.pagination{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;color:#8a96a8;font-size:10px}.pagination-buttons{display:flex;gap:4px}.page-button{width:28px;height:28px;border:1px solid #e0e5ec;border-radius:5px;color:#728097;background:#fff;font-size:10px;cursor:pointer}.page-button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-height:128px;padding:19px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-18px;top:-22px;width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,rgba(0,70,207,.08),transparent)}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#7d8a9e;font-size:10px;font-weight:600}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--primary);background:var(--primary-soft)}.metric-value{margin-top:12px;color:#1c2b43;font-size:25px;line-height:1;font-weight:750;letter-spacing:-.03em}.metric-footer{margin-top:11px;color:#8e99a9;font-size:9px}.metric-trend{margin-right:4px;color:var(--success);font-weight:800}.metric-trend.down{color:var(--danger)}.content-grid{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:16px}.empty-panel{min-height:260px;display:grid;place-items:center;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:grid;gap:7px}.form-field label{color:#44526a;font-size:10px;font-weight:700}.form-field input,.form-field select{height:39px;padding:0 11px;border:1px solid #dfe5ed;border-radius:6px;outline:0;color:var(--text);background:#fff;font-size:11px}.form-field input:focus,.form-field select:focus{border-color:#8eb3fa;box-shadow:0 0 0 3px #0046cf12}.form-field.full{grid-column:1/-1}@media (max-width: 1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (max-width: 660px){.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid,.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.toolbar-spacer{margin-left:0}}