:root{--surface: var(--bg2, #111827);--surface2: var(--bg3, #1a2235);--muted: var(--text2, #64748b);--danger: var(--red, #ef4444);--success: var(--green, #10b981);--warn: var(--amber, #f59e0b)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card-sm{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.section-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:4px}.section-sub{color:var(--muted);font-size:13px;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.stat-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:600;color:var(--text);line-height:1}.stat-sub{font-size:12px;color:var(--muted);margin-top:6px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}thead th{background:var(--surface2);padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface2)}tbody td{padding:12px 16px;color:var(--text);font-size:13px}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-weight:500;font-size:13px;transition:all .15s;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60f}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.btn-icon{padding:7px;border-radius:7px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.form-input{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--muted)}textarea.form-input{resize:vertical;min-height:80px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-lg{max-width:860px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:22px}.modal-close{background:var(--surface2);border:none;color:var(--muted);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.modal-close:hover{color:var(--text);background:var(--border)}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring svg{transform:rotate(-90deg)}.score-ring .score-text{position:absolute;text-align:center}.control-group{margin-bottom:6px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.control-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.control-header:hover{background:var(--surface2)}.control-number{font-size:11px;font-weight:700;font-family:DM Mono,monospace;color:var(--nav-active-text, var(--accent));background:var(--nav-active-bg, rgba(59,130,246,.1));padding:3px 7px;border-radius:5px;min-width:32px;text-align:center}.control-title{font-weight:500;color:var(--text);flex:1;font-size:13px}.control-score-bar{width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.control-score-fill{height:100%;border-radius:2px;transition:width .3s}.safeguard-list{background:var(--bg)}.safeguard-row{display:grid;grid-template-columns:60px 1fr auto;gap:0;border-top:1px solid var(--border);align-items:stretch}.safeguard-id{display:flex;align-items:center;justify-content:center;padding:10px 8px;background:var(--surface2);font-family:DM Mono,monospace;font-size:11px;color:var(--muted);font-weight:500;border-right:1px solid var(--border)}.safeguard-body{padding:10px 14px}.safeguard-title{font-size:12px;font-weight:500;color:var(--text);margin-bottom:4px}.safeguard-desc{font-size:11px;color:var(--muted);line-height:1.5}.safeguard-controls{display:flex;align-items:center;gap:8px;padding:10px 12px;border-left:1px solid var(--border)}.status-select{display:flex;gap:4px;flex-wrap:wrap}.status-btn{padding:4px 9px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}.flags-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.flag-chip{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--muted);transition:all .12s;-webkit-user-select:none;user-select:none}.flag-chip.on{background:var(--nav-active-bg, rgba(59,130,246,.12));border-color:var(--accent);color:var(--nav-active-text, var(--accent))}.progress-bar{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:13px;max-width:320px;box-shadow:0 8px 24px #0006;animation:slideIn .2s ease}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.comment{display:flex;gap:10px;margin-bottom:14px}.comment-body{background:var(--surface2);border-radius:10px;padding:10px 13px;flex:1}.comment-meta{font-size:11px;color:var(--muted);margin-bottom:5px}.comment-text{font-size:13px;line-height:1.5}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.evidence-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.evidence-icon{font-size:24px;text-align:center}.evidence-name{font-size:11px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-meta{font-size:10px;color:var(--muted)}.compare-table td{padding:8px 12px}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.delta-same{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.toolbar-title{font-size:20px;font-weight:600;flex:1}.search-input{padding:8px 12px 8px 34px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;font-size:13px;width:100%;transition:border .15s}.search-input:focus{border-color:var(--accent)}.search-wrap{position:relative;margin-bottom:20px;max-width:360px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}.ig-badge{font-size:10px;font-weight:700;font-family:DM Mono,monospace;padding:2px 6px;border-radius:4px}.ig1{background:#10b9811f;color:#10b981}.ig2{background:#3b82f61f;color:#60a5fa}.ig3{background:#a855f71f;color:#a78bfa}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.empty-text{font-size:15px;margin-bottom:6px;color:var(--text)}.empty-sub{font-size:13px}.tabs{display:flex;gap:2px;background:var(--surface2);border-radius:9px;padding:3px;margin-bottom:22px}.tab{padding:7px 16px;border-radius:7px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s}.tab.active{background:var(--surface);color:var(--text)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.gap8{gap:8px}.gap16{gap:16px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.text-muted{color:var(--muted)}.fw600{font-weight:600}:root{--bg: #0d1117;--bg2: #161b22;--bg3: #1c2128;--border: #30363d;--border2: #21262d;--text: #e6edf3;--text2: #8b949e;--text3: #6e7681;--accent: #2d6adf;--accent2: #1f4fa8;--nav-active-bg: #1a2d54;--nav-active-text: #79b8ff;--green: #26a641;--green2: #0d4429;--amber: #d29922;--amber2: #4b3b00;--red: #f85149;--red2: #490202;--purple: #a371f7;--teal: #39c5cf;--radius: 8px;--radius2: 12px;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3);font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg)}::-webkit-scrollbar{width:5px;height:5px}.app-shell{display:flex;height:100vh;overflow:hidden}.ticket-sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border2);display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:16px 18px;border-bottom:1px solid var(--border2);display:flex;flex-direction:column}.sidebar-logo-icon{width:30px;height:30px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:700;letter-spacing:-.3px}.sidebar-logo-text em{color:var(--accent);font-style:normal}.sidebar-section-label{padding:12px 16px 4px;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.8px}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius);margin:1px 8px;transition:all .1s;-webkit-user-select:none;user-select:none}.sidebar-nav-item:hover{background:var(--bg3);color:var(--text)}.sidebar-nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.sidebar-nav-item .nav-label{display:flex;align-items:center;gap:8px}.sidebar-badge{font-size:10px;font-weight:600;background:var(--bg3);color:var(--text3);padding:1px 6px;border-radius:10px}.sidebar-nav-item.active .sidebar-badge{background:#ffffff1a;color:var(--nav-active-text)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;flex-shrink:0;background:var(--bg2);border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:12px;padding:0 20px}.search-wrap{position:relative}.search-wrap input{padding:8px 12px 8px 34px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;font-size:13px;width:240px;transition:border .15s}.search-wrap input:focus{border-color:var(--accent)}.search-wrap input::placeholder{color:var(--text3)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.topbar-search{flex:1;max-width:380px;display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px}.topbar-search input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%;font-family:inherit}.topbar-search input::placeholder{color:var(--text3)}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.content-area{flex:1;overflow-y:auto}.page{padding:24px 28px}.stat-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-grid-4-sm{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius2);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .15s}.stat-card:hover{border-color:var(--border)}.stat-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-value{font-size:26px;font-weight:700;line-height:1}.stat-card-label{font-size:12px;color:var(--text2);margin-top:2px}.card-title{font-size:13px;font-weight:600;margin-bottom:16px;color:var(--text)}.table-wrap{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius2);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;background:var(--bg3);border-bottom:1px solid var(--border2)}tbody td{padding:11px 14px;border-bottom:1px solid var(--border2);font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover td{background:var(--bg3)}.cb-col{width:36px;padding-left:16px!important}.cb-col input[type=checkbox]{accentColor:var(--accent);width:13px;height:13px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.status-open{background:var(--nav-active-bg);color:var(--nav-active-text)}.status-pending{background:var(--amber2);color:var(--amber)}.status-resolved{background:var(--green2);color:var(--green)}.status-closed,.priority-low{background:var(--bg3);color:var(--text2)}.priority-medium{background:var(--nav-active-bg);color:var(--nav-active-text)}.priority-high{background:var(--amber2);color:var(--amber)}.priority-urgent{background:var(--red2);color:var(--red)}.source-badge{background:var(--bg3);color:var(--text2);font-size:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;text-decoration:none}.btn-icon{padding:6px;border-radius:var(--radius)}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.input,.select,.textarea{width:100%;padding:7px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:13px;transition:border-color .15s}.textarea{resize:vertical;min-height:100px}.select option{background:var(--bg2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-lg{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.modal-header h2{font-size:16px;font-weight:600}.modal-body{padding:18px 22px}.modal-footer{padding:0 22px 18px;display:flex;justify-content:flex-end;gap:8px}.ticket-detail-layout{display:flex;height:calc(100vh - 52px);overflow:hidden}.ticket-conversation{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border2)}.ticket-properties{width:280px;flex-shrink:0;overflow-y:auto;background:var(--bg2)}.conversation-header{padding:18px 22px 14px;border-bottom:1px solid var(--border2);background:var(--bg2)}.conversation-thread{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:14px}.reply-card{border-radius:var(--radius2);padding:14px 16px;border:1px solid var(--border2)}.reply-card.public{background:var(--bg2)}.reply-card.private{background:#2a2000;border-color:var(--amber2)}.reply-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reply-body{font-size:13px;line-height:1.65;color:var(--text);white-space:pre-wrap}.reply-composer{border-top:1px solid var(--border2);background:var(--bg2);padding:14px 22px}.reply-tabs{display:flex;gap:2px;margin-bottom:10px;border-bottom:1px solid var(--border2)}.reply-tab{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.reply-tab.active{color:var(--text);border-bottom-color:var(--accent)}.reply-tab:hover{color:var(--text)}.prop-section{padding:16px;border-bottom:1px solid var(--border2)}.prop-section:last-child{border-bottom:none}.prop-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.prop-select{width:100%;padding:6px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:13px}.prop-select:focus{outline:none;border-color:var(--accent)}.tags-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--border2);color:var(--text2);padding:2px 8px;border-radius:12px;font-size:11px}.tag-chip button{background:none;border:none;cursor:pointer;color:var(--text3);padding:0;line-height:1;font-size:13px}.tag-chip button:hover{color:var(--red)}.tag-input{display:flex;gap:4px;margin-top:6px}.tag-input input{flex:1;padding:5px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:inherit}.tag-input input:focus{outline:none;border-color:var(--accent)}.customer-card{display:flex;align-items:flex-start;gap:10px}.customer-avatar{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--border2)}.customer-avatar-fallback{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.history-item{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--text2);padding:4px 0}.history-dot{width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0;margin-top:5px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--border2)}.filter-select{padding:5px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:inherit}.filter-select:focus{outline:none;border-color:var(--accent)}.bulk-bar{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--nav-active-bg);border-bottom:1px solid var(--accent2);font-size:13px}.agent-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.agent-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius2);padding:18px}.agent-card-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:12px}.availability-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.flex-col{flex-direction:column}.mb-2{margin-bottom:8px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.alert-error{background:var(--red2);color:var(--red);border:1px solid #6e1a1a}.alert-success{background:var(--green2);color:var(--green);border:1px solid #1a4a1a}.empty-state{text-align:center;padding:60px 20px;color:var(--text3)}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state h3{font-size:15px;color:var(--text2);margin-bottom:6px}.empty-state p{font-size:13px}body[data-theme=light]{--bg: #f6f8fa;--bg2: #ffffff;--bg3: #f0f2f5;--border: #d0d7de;--border2: #e1e4e8;--text: #1c2128;--text2: #57606a;--text3: #8c959f;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.08)}body[data-theme=light] .status-open{background:#dbeafe;color:#1d4ed8}body[data-theme=light] .status-resolved{background:#d1fae5;color:#065f46}body[data-theme=light] .status-pending{background:#fef3c7;color:#92400e}body[data-theme=light] .status-closed{background:#f3f4f6;color:#6b7280}body[data-theme=light] .priority-medium{background:#dbeafe;color:#1d4ed8}body[data-theme=light] .priority-high{background:#fef3c7;color:#92400e}body[data-theme=light] .priority-urgent{background:#fee2e2;color:#dc2626}body[data-theme=light] .sidebar-nav-item.active{background:#dbeafe;color:#1d4ed8}body[data-theme=light] .reply-card.private{background:#fffbeb;border-color:#fde68a}.portal-shell{min-height:100vh;background:var(--bg);color:var(--text)}.portal-header{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:58px;position:sticky;top:0;z-index:100}.portal-header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.portal-header-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.portal-header-nav{display:flex;align-items:center;gap:8px}.portal-header-nav a,.portal-header-nav button{font-size:13px;color:var(--text2);background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;text-decoration:none}.portal-header-nav a:hover,.portal-header-nav button:hover{background:var(--bg3);color:var(--text)}.portal-header-nav .btn-portal-primary{background:var(--accent);color:#fff;font-weight:600}.portal-header-nav .btn-portal-primary:hover{background:var(--accent2);color:#fff}.portal-hero{background:linear-gradient(135deg,var(--accent2) 0%,#0d1117 60%);padding:64px 32px 80px;text-align:center}.portal-hero h1{font-size:32px;font-weight:700;margin-bottom:10px;color:#fff}.portal-hero p{color:#ffffffa6;font-size:15px;margin-bottom:28px}.portal-search-bar{max-width:560px;margin:0 auto;position:relative}.portal-search-bar input{width:100%;padding:14px 50px 14px 18px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:15px;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portal-search-bar input::placeholder{color:#ffffff80}.portal-search-bar input:focus{background:#ffffff2e;border-color:#fff6}.portal-search-bar-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none}.portal-content{max-width:1100px;margin:0 auto;padding:48px 32px}.portal-content-narrow{max-width:760px;margin:0 auto;padding:40px 32px}.portal-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}.portal-category-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;gap:10px}.portal-category-card:hover{border-color:var(--accent);transform:translateY(-2px)}.portal-category-icon{font-size:28px;line-height:1}.portal-category-name{font-weight:600;font-size:15px}.portal-category-desc{font-size:12px;color:var(--text2);line-height:1.5}.portal-category-count{font-size:11px;color:var(--text3);margin-top:auto}.portal-article-list{display:flex;flex-direction:column;gap:2px}.portal-article-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .1s;border:1px solid transparent}.portal-article-row:hover{background:var(--bg2);border-color:var(--border)}.portal-article-row-title{flex:1;font-size:14px;font-weight:500}.portal-article-row-meta{font-size:11px;color:var(--text3);white-space:nowrap}.portal-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);margin-bottom:20px;flex-wrap:wrap}.portal-breadcrumb a,.portal-breadcrumb button{color:var(--accent);background:none;border:none;cursor:pointer;font-size:12px;padding:0}.portal-breadcrumb-sep{color:var(--text3)}.portal-article-body{font-size:14px;line-height:1.8;color:var(--text2)}.portal-article-body h1,.portal-article-body h2,.portal-article-body h3{color:var(--text);font-weight:600;margin:1.5em 0 .5em}.portal-article-body h1{font-size:22px}.portal-article-body h2{font-size:18px}.portal-article-body h3{font-size:15px}.portal-article-body p{margin-bottom:1em}.portal-article-body ul,.portal-article-body ol{margin:.75em 0 .75em 1.5em}.portal-article-body li{margin-bottom:.3em}.portal-article-body code{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:12px;color:var(--teal)}.portal-article-body pre{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow-x:auto;margin:1em 0}.portal-article-body pre code{background:none;border:none;padding:0;font-size:12px;color:var(--text2)}.portal-article-body blockquote{border-left:3px solid var(--accent);margin:1em 0;padding:.5em 1em;color:var(--text3);background:var(--bg2);border-radius:0 6px 6px 0}.portal-article-body a{color:var(--accent)}.portal-article-body hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.portal-article-body table{width:100%;border-collapse:collapse;margin:1em 0}.portal-article-body th,.portal-article-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.portal-article-body th{background:var(--bg3);font-weight:600}.portal-helpful{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border);margin-top:32px}.portal-helpful-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);cursor:pointer;font-size:13px;color:var(--text2);transition:all .15s}.portal-helpful-btn:hover{border-color:var(--accent);color:var(--accent)}.portal-helpful-btn.voted{background:var(--nav-active-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.portal-form-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:32px;max-width:640px;margin:0 auto}.portal-form-card h2{font-size:20px;font-weight:700;margin-bottom:6px}.portal-ticket-list{display:flex;flex-direction:column;gap:8px}.portal-ticket-row{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s}.portal-ticket-row:hover{border-color:var(--accent)}.portal-ticket-number{font-family:monospace;font-size:12px;color:var(--accent);font-weight:600;white-space:nowrap}.portal-thread{display:flex;flex-direction:column;gap:16px;margin:24px 0}.portal-message{border-radius:10px;padding:16px;border:1px solid var(--border)}.portal-message.agent{background:var(--nav-active-bg);border-color:var(--border2)}.portal-message.customer{background:var(--bg2)}.portal-message-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text3)}.portal-message-body{font-size:14px;line-height:1.7;white-space:pre-wrap;color:var(--text2)}.portal-section-title{font-size:18px;font-weight:700;margin-bottom:6px}.portal-section-sub{font-size:13px;color:var(--text2);margin-bottom:24px}.kb-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%;min-height:400px}.kb-editor-pane{display:flex;flex-direction:column}.kb-editor-preview{border-left:1px solid var(--border);padding:20px;overflow-y:auto}.lb-page{padding:24px;max-width:960px}.lb-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.lb-cats{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.lb-cat-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.lb-cat-btn:hover{border-color:var(--cat-color, var(--accent));color:var(--cat-color, var(--accent))}.lb-cat-btn.active{background:var(--cat-color, var(--accent));border-color:var(--cat-color, var(--accent));color:#fff;font-weight:600}.lb-podium-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:40px}.lb-podium-slot{width:180px}.lb-podium-card{width:180px;display:flex;flex-direction:column;align-items:center;border-radius:14px 14px 0 0;overflow:visible;position:relative}.lb-podium-card.rank-1{background:linear-gradient(160deg,#1a1400,#2a1f00);border:2px solid #f59e0b;box-shadow:0 0 24px #f59e0b40}.lb-podium-card.rank-2{background:linear-gradient(160deg,#111418,#1a2030);border:2px solid #94a3b8;box-shadow:0 0 12px #94a3b826}.lb-podium-card.rank-3{background:linear-gradient(160deg,#160d00,#201400);border:2px solid #cd7c3a;box-shadow:0 0 12px #cd7c3a26}.lb-crown{position:absolute;top:-22px;font-size:20px}.lb-podium-medal{font-size:22px;margin-top:16px}.lb-podium-avatar{border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:8px 0 6px;border:2px solid rgba(255,255,255,.15)}.lb-podium-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--text);text-align:center;padding:0 8px}.lb-podium-metric{font-size:20px;font-weight:800}.lb-podium-sub{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.lb-podium-mini{display:flex;gap:8px;font-size:10px;color:var(--text3);margin-bottom:10px}.lb-podium-platform{width:100%;display:flex;align-items:center;justify-content:center;background:#ffffff12;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 4px 4px}.lb-race-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px}.lb-race-lanes{display:flex;flex-direction:column;gap:14px}.lb-lane{display:flex;align-items:center;gap:12px}.lb-lane-rank{width:28px;text-align:center;flex-shrink:0}.lb-lane-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-lane-info{flex:1;min-width:0}.lb-bar-track{height:6px;background:var(--bg3);border-radius:4px;overflow:hidden}.lb-bar-fill{height:100%;border-radius:4px;width:0%}.sla-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:10px;padding:2px 8px;white-space:nowrap}.sla-ok{background:var(--green2,#d1fae5);color:var(--green,#16a34a)}.sla-risk{background:var(--amber2,#fef3c7);color:var(--amber,#d97706)}.sla-breach{background:var(--red2,#fee2e2);color:var(--red,#dc2626)}.sla-hold{background:var(--bg3);color:var(--text3)}body[data-theme=light] .sla-ok{background:#dcfce7;color:#15803d}body[data-theme=light] .sla-risk{background:#fef9c3;color:#a16207}body[data-theme=light] .sla-breach{background:#fee2e2;color:#b91c1c}body[data-theme=light] .sla-hold{background:#f1f5f9;color:#64748b}.kb-article-body h1{font-size:22px;font-weight:700;margin:28px 0 12px;color:var(--text)}.kb-article-body h2{font-size:18px;font-weight:600;margin:24px 0 10px;color:var(--text)}.kb-article-body h3{font-size:15px;font-weight:600;margin:20px 0 8px;color:var(--text)}.kb-article-body h1:first-child,.kb-article-body h2:first-child{margin-top:0}.kb-article-body p{margin:0 0 14px;color:var(--text2)}.kb-article-body ul,.kb-article-body ol{margin:0 0 14px 20px;color:var(--text2)}.kb-article-body li{margin-bottom:4px}.kb-article-body strong{font-weight:600;color:var(--text)}.kb-article-body em{font-style:italic}.kb-article-body code{font-family:DM Mono,monospace;font-size:12px;background:var(--bg3);padding:2px 5px;border-radius:4px;color:var(--accent)}.kb-article-body pre{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:0 0 14px}.kb-article-body pre code{background:none;padding:0;color:var(--text)}.kb-article-body blockquote{border-left:3px solid var(--accent);margin:0 0 14px;padding:8px 16px;background:var(--nav-active-bg);color:var(--text2);border-radius:0 6px 6px 0}.kb-article-body hr{border:none;border-top:1px solid var(--border);margin:20px 0}.kb-article-body a{color:var(--accent);text-decoration:underline}.kb-article-body table{width:100%;border-collapse:collapse;margin-bottom:14px}.kb-article-body th{background:var(--bg3);padding:8px 12px;text-align:left;font-size:12px;font-weight:600;border:1px solid var(--border2)}.kb-article-body td{padding:8px 12px;border:1px solid var(--border2);font-size:13px;color:var(--text2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--bg2: #161b22;--bg3: #1c2128;--border: #30363d;--border2: #21262d;--text: #e6edf3;--text2: #8b949e;--text3: #6e7681;--accent: #2d6adf;--accent2: #1f4fa8;--green: #26a641;--green2: #0d4429;--amber: #d29922;--amber2: #4b3b00;--red: #f85149;--red2: #490202;--purple: #a371f7;--teal: #39c5cf;--radius: 8px;--radius2: 12px;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3);font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg)}body{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border2);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.main{flex:1;overflow-x:hidden;overflow-y:auto;height:100vh}.page{padding:32px}h1{font-size:22px;font-weight:600;letter-spacing:-.3px}h2{font-size:18px;font-weight:600}h3{font-size:15px;font-weight:600}.mono{font-family:DM Mono,monospace}.card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius2);padding:20px}.card-sm{padding:14px 16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:transparent;color:var(--red);border-color:var(--red2)}.btn-danger:hover{background:var(--red2)}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:8px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:13px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical;min-height:80px}.select option{background:var(--bg3)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:12px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.badge-green{background:var(--green2);color:var(--green)}.badge-amber{background:var(--amber2);color:var(--amber)}.badge-red{background:var(--red2);color:var(--red)}.badge-blue{background:#0c2d6b;color:#79b8ff}.badge-purple{background:#2d1f5e;color:var(--purple)}.badge-gray{background:var(--bg3);color:var(--text2)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border2)}.table th{font-size:11px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.table tr:hover td{background:var(--bg3)}.table tr:last-child td{border-bottom:none}.sidebar{transition:width .2s ease,min-width .2s ease}.nav-logo{padding:20px 16px 12px;border-bottom:1px solid var(--border2)}.nav-logo span{font-size:16px;font-weight:700;letter-spacing:-.3px}.nav-logo span em{color:var(--accent);font-style:normal}.nav-section{padding:8px 10px 4px;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.8px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 16px;color:var(--text2);text-decoration:none;font-size:13px;font-weight:500;border-radius:var(--radius);margin:1px 8px;transition:all .1s}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--nav-active-bg, #1a2d54);color:var(--nav-active-text, #79b8ff)}.nav-item.disabled{opacity:.4;pointer-events:none;cursor:default}.nav-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--border2)}.sidebar.collapsed{width:56px;min-width:56px}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-logo{padding:20px 0 12px;display:flex;justify-content:center}.sidebar.collapsed .nav-item{padding:8px;justify-content:center;margin:1px 6px;gap:0}.sidebar.collapsed .nav-section{padding:6px 0 2px;text-align:center}.sidebar.collapsed .nav-bottom{padding:8px 6px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border2);margin-bottom:24px}.tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all .15s;margin-bottom:-1px}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab:hover{color:var(--text)}.progress-bar{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-body{padding:20px 24px}.modal-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:8px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text2)}.text-right{text-align:right}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:13px;border:1px solid}.alert-info{background:#0c2d6b22;border-color:#1f4fa8;color:#79b8ff}.alert-success{background:var(--green2);border-color:var(--green);color:var(--green)}.alert-error{background:var(--red2);border-color:var(--red);color:var(--red)}body[data-theme^=light] .alert-info{background:#dde8f8;border-color:#0969da;color:#0550ae}body[data-theme^=light] .badge-blue{background:#dde8f8;color:#0550ae}body[data-theme^=light] .badge-purple{background:#ede8f8;color:#6e40c9}body[data-theme^=light] .table tr:hover td{background:var(--bg3)}