:root{--font-sans:"Hanken Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--brand-navy:#0f2743;--brand-navy-800:#0b1d33;--brand-navy-700:#1a3656;--brand-blue:#00b5ea;--brand-blue-600:#0389c3;--brand-sky:#8be4fd;--brand-bone:#e4f0f2;--bg:#edf3f4;--surface:#fff;--surface-muted:#f2f7f8;--text:#1c2a3a;--text-strong:#0f2743;--text-muted:#5a6b7b;--text-faint:#9aaab6;--border:#dbe7eb;--border-input:#cddde2;--primary:#0f2743;--primary-hover:#1a3656;--green-text:#3d7a2c;--green-bg:#eef6ea;--green-border:#cfe6c2;--red-text:#b23a3a;--red-bg:#fbecec;--red-border:#efc9c9;--ring:#00b5ea47;--shadow-sm:0 1px 2px #0f27430d;--shadow-card:0 10px 30px #0f274314}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}a{color:inherit}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.login-wrap{width:100%;max-width:470px}.login-brand{justify-content:center;margin-bottom:36px;display:flex}.login-brand h1{font-family:var(--font-serif);letter-spacing:-.5px;color:var(--text-strong);margin:0 0 8px;font-size:40px;font-weight:700}.login-brand p{color:var(--text-muted);margin:0;font-size:16px}.login-card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:16px;padding:36px 36px 40px}.login-card-head{text-align:center;margin-bottom:28px}.login-card-head h2{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-strong);margin:0 0 8px;font-size:28px;font-weight:600}.login-card-head p{color:var(--text-muted);margin:0;font-size:15px}.field{margin-bottom:20px}.field label{color:var(--text-strong);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-faint);pointer-events:none;display:inline-flex;position:absolute;left:14px}.input input{border:1px solid var(--border-input);background:var(--surface);width:100%;height:48px;color:var(--text-strong);border-radius:10px;outline:none;padding:0 44px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input input::placeholder{color:var(--text-faint)}.input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.input-trailing{color:var(--text-faint);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex;position:absolute;right:12px}.input-trailing:hover{color:var(--text-muted)}.login-error{color:var(--red-text);margin:-6px 0 16px;font-size:14px}.field-error{color:var(--red-text);margin:6px 0 0;font-size:13px}.input-invalid input{border-color:var(--red-border);background:var(--red-bg)}.login-meta{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkbox{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.forgot{color:var(--brand-blue-600);font-size:14px;font-weight:500;text-decoration:none}.forgot:hover{text-decoration:underline}.login-submit{background:var(--primary);color:#fff;border:none;border-radius:10px;width:100%;height:50px;font-size:16px;font-weight:600;transition:background .15s}.login-submit:hover:not(:disabled){background:var(--primary-hover)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.input-plain input{padding:0 16px}.input-code input{letter-spacing:6px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px}.input-code input::placeholder{letter-spacing:normal;font-size:15px}.fp-sent{flex-direction:column;gap:14px;display:flex}.fp-sent p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.fp-sent strong{color:var(--text-strong);font-weight:600}.back-link{width:100%;color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;border:none;margin-top:14px;padding:0;font-size:14px;text-decoration:underline;display:block}.fp-sent .back-link{margin-top:0}.back-link:hover{color:var(--text-strong)}.dashboard{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--brand-navy);overscroll-behavior:contain;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:280px;height:100%;padding:28px 20px 20px;display:flex;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sidebar-brand{min-width:0;padding:0 8px 18px}.sidebar-toggle{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff17}.sidebar-toggle:focus-visible{outline:2px solid var(--brand-blue);outline-offset:-2px}.sidebar-nav{flex-direction:column;gap:6px;margin-top:4px;display:flex}.nav-item{color:#ffffffb8;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:15px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--brand-blue);background:#00b3e624;font-weight:600}.nav-item.is-active svg{color:var(--brand-blue)}.sidebar-footer{text-align:left;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff1a;align-items:center;gap:12px;width:100%;margin-top:auto;padding:16px 8px 4px;display:flex}.sidebar-footer:hover .sidebar-user strong{color:var(--brand-sky)}.sidebar-footer-chevron{color:#ffffff73;margin-left:auto;display:inline-flex;transform:rotate(-90deg)}.avatar{color:#ffffffd9;letter-spacing:.02em;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:inline-flex}.sidebar-user{flex-direction:column;line-height:1.3;display:flex}.sidebar-user strong{color:#fff;font-size:14px;font-weight:600}.sidebar-user span{color:#fff9;font-size:13px}.dashboard-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;height:64px;padding:0 36px;display:flex}.topbar-icon{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.topbar-icon:hover{background:var(--surface-muted);color:var(--text-strong)}.topbar-icon:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.topbar-title{color:var(--text-strong);margin:0 auto 0 0;font-size:17px;font-weight:600}.topbar-pill{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.topbar-pill:hover{background:var(--surface-muted);color:var(--text-strong)}.topbar-pill:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.topbar-user{color:var(--text-strong);padding-left:6px}.topbar-avatar{background:var(--brand-navy);color:#fff;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.topbar-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.topbar-btn:hover{background:var(--surface-muted);color:var(--text-strong)}.topbar-account{position:relative}.account-menu{background:var(--surface);border:1px solid var(--border);width:200px;box-shadow:var(--shadow-card);z-index:20;border-radius:12px;padding:8px;position:absolute;top:50px;right:0}.account-menu-head{border-bottom:1px solid var(--border);flex-direction:column;margin-bottom:6px;padding:8px 10px 12px;display:flex}.account-menu-head strong{color:var(--text-strong);font-size:14px;font-weight:600}.account-menu-head span{color:var(--text-muted);font-size:13px}.account-menu-item{width:100%;color:var(--text-strong);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.account-menu-item:hover{background:var(--red-bg);color:var(--red-text)}.help-popover{background:var(--surface);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-card);z-index:20;border-radius:12px;padding:16px;position:absolute;top:50px;right:0}.help-popover-head{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.help-popover-head strong{color:var(--text-strong);font-size:15px;font-weight:600}.help-popover-body p{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.55}.help-popover-body p:last-child{margin-bottom:0}.dashboard-content{flex-direction:column;flex:1;min-height:0;padding:8px 48px 48px;display:flex;overflow-y:auto}.view.view-fill{flex-direction:column;flex:1;max-width:none;min-height:0;display:flex}.view-fill .view-head{margin-bottom:14px}.view-fill .view-head h2{font-size:25px}.view-fill .view-head p{font-size:14px}.view{max-width:1120px}.view-head{margin-bottom:24px}.view-head h2{font-family:var(--font-serif);color:var(--text-strong);letter-spacing:-.01em;margin:0 0 6px;font-size:32px;font-weight:600}.view-head p{color:var(--text-muted);margin:0;font-size:15px}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:32px}.form-grid{grid-template-columns:1fr 1fr;gap:22px 40px;display:grid}.field-full{grid-column:1/-1}.textarea{border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text-strong);resize:vertical;border-radius:10px;outline:none;min-height:84px;padding:12px 16px;font-family:inherit;font-size:15px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.textarea::placeholder{color:var(--text-faint)}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.select select{border:1px solid var(--border-input);background:var(--surface);width:100%;height:48px;color:var(--text-strong);appearance:none;border-radius:10px;outline:none;padding:0 44px 0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.select select.is-placeholder{color:var(--text-faint)}.input-trailing.is-static{pointer-events:none;color:var(--text-faint)}.dropdown{position:relative}.dropdown-trigger{border:1px solid var(--border-input);background:var(--surface);width:100%;height:48px;color:var(--text-strong);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s;display:flex}.dropdown-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.dropdown-trigger.is-placeholder{color:var(--text-faint)}.dropdown-trigger svg{color:var(--text-faint);flex-shrink:0}.dropdown-menu{z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:10px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dropdown-option{text-align:left;width:100%;color:var(--text-strong);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:9px 12px;font-size:14px;transition:background .12s}.dropdown-option:hover{background:var(--surface-muted)}.dropdown-option.is-selected{background:var(--surface-muted);font-weight:600}.form-message{margin:22px 0 0;font-size:14px}.form-message.success{color:var(--green-text)}.form-message.error{color:var(--red-text)}.form-message.warning{color:#7a5410;word-break:break-word;background:#fdf4e3;border:1px solid #f0d9a8;border-radius:10px;padding:12px 16px;line-height:1.55}.form-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 22px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-danger{background:var(--red-text);color:#fff}.btn-danger:hover:not(:disabled){background:#9a3131}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-strong)}.btn-ghost:hover{background:var(--surface-muted)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text-strong)}.btn-outline:hover:not(:disabled){background:var(--surface-muted)}.btn-sm{height:36px;padding:0 18px;font-size:14px;font-weight:500}.filters{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.filter-clear-sort{white-space:nowrap;height:44px}.filter-search{border:1px solid var(--border-input);background:var(--surface);min-width:220px;height:44px;color:var(--text-strong);border-radius:10px;outline:none;flex:1;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.filter-search::placeholder{color:var(--text-faint)}.filter-search:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.filter-select{border:1px solid var(--border-input);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;min-width:150px;height:44px;color:var(--text-strong);appearance:none;cursor:pointer;border-radius:10px;outline:none;padding:0 38px 0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.panel-table{padding:8px 28px;overflow-x:auto}.panel-table .user-table{min-width:760px}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.pagination-info{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:14px}.pagination-controls{align-items:center;gap:10px;display:flex}.page-size{color:var(--text-muted);align-items:center;gap:8px;margin-right:6px;font-size:14px;display:inline-flex}.page-size select{border:1px solid var(--border-input);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;height:36px;color:var(--text-strong);appearance:none;cursor:pointer;border-radius:8px;outline:none;padding:0 32px 0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.page-size select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.pagination-page{text-align:center;min-width:108px;color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.user-table{border-collapse:collapse;width:100%}.user-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:20px 8px;font-size:14px;font-weight:600}.user-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:18px 8px;font-size:15px}.th-sort{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.th-sort:hover,.th-sort-active{color:var(--text-strong)}.th-sort:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.th-sort-rank{background:var(--brand-bone);min-width:16px;height:16px;color:var(--text-strong);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.user-table tbody tr:last-child td{border-bottom:none}.cell-name{color:var(--text-strong);font-weight:500}.cell-email{color:var(--text-muted)}.cell-role{color:var(--text);text-transform:capitalize}.cell-num{color:var(--text-strong);font-variant-numeric:tabular-nums}.cell-dept{color:var(--text)}.cell-muted{color:var(--text-faint)}.cell-clip{white-space:nowrap;text-overflow:ellipsis;max-width:280px;color:var(--text-muted);overflow:hidden}.user-table tbody tr.row-click{cursor:pointer;transition:background .12s}.user-table tbody tr.row-click:hover td{background:var(--surface-muted)}.action-menu{display:inline-block;position:relative}.action-trigger{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.action-trigger:hover{background:var(--surface-muted);color:var(--text-strong)}.action-dropdown{background:var(--surface);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-card);z-index:100;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.action-item{text-align:left;width:100%;color:var(--text-strong);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:block}.action-item:hover:not(:disabled){background:var(--surface-muted);color:var(--brand-blue)}.action-item:disabled{opacity:.6;cursor:not-allowed}.action-item-danger{color:var(--red-text)}.action-item-danger:hover:not(:disabled){background:var(--red-bg);color:var(--red-text)}.detail-list{margin:0 0 18px;padding:0}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:9px 0;display:flex}.detail-row dt{color:var(--text-muted);font-size:14px}.detail-row dd{color:var(--text-strong);text-align:right;margin:0;font-size:14px;font-weight:500}.detail-desc .detail-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.detail-desc p{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:1.6}.table-empty{text-align:center;color:var(--text-muted);padding:40px 8px}.badge{border:1px solid #0000;border-radius:999px;align-items:center;height:26px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.badge-active{color:var(--green-text);background:var(--green-bg);border-color:var(--green-border)}.badge-inactive{color:var(--red-text);background:var(--red-bg);border-color:var(--red-border)}.badge-resolved{color:var(--green-text);background:var(--green-bg);border-color:var(--green-border)}.badge-open{color:#7a5410;background:#fdf4e3;border-color:#f0d9a8}.cell-user{flex-direction:column;line-height:1.35;display:flex}.cell-subject{color:var(--text-strong);max-width:220px;font-weight:500}.cell-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:360px;display:-webkit-box;overflow:hidden}.cell-date{color:var(--text-muted);white-space:nowrap}.desc-preview{text-align:left;max-width:360px;color:var(--text-muted);font:inherit;cursor:pointer;-webkit-line-clamp:1;background:0 0;border:none;-webkit-box-orient:vertical;padding:0;transition:color .15s;display:-webkit-box;overflow:hidden}.desc-preview:hover{color:var(--brand-blue-600);text-decoration:underline}.modal-overlay{z-index:1000;background:#0f274373;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;flex-direction:column;width:560px;max-width:100%;max-height:80vh;display:flex;box-shadow:0 24px 60px #0f274340}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 16px;display:flex}.modal-head h3{color:var(--text-strong);margin:0;font-size:17px;font-weight:700;line-height:1.35}.modal-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:24px;line-height:1}.modal-close:hover{color:var(--text-strong)}.modal-body{padding:18px 24px 24px;overflow-y:auto}.modal-meta{color:var(--text-muted);margin:0 0 14px;font-size:13px}.modal-desc{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:1.6}.modal-confirm{width:420px}.confirm-message{color:var(--text);margin:0 0 16px;font-size:15px;line-height:1.6}.confirm-user{color:var(--text-muted);background:var(--surface-muted);border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.8}.confirm-user strong{color:var(--text-strong)}.confirm-input-label{color:var(--text-muted);margin:16px 0 6px;font-size:13px;display:block}.confirm-input-label strong{color:var(--text-strong);font-family:var(--font-serif)}.confirm-input{border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text-strong);border-radius:8px;padding:9px 12px;font-size:14px}.confirm-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--ring);outline:none}.confirm-error{border:1px solid var(--red-border);background:var(--red-bg);color:var(--red-text);border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px}.modal-footer{border-top:1px solid var(--border);background:var(--surface-muted);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.settings-header{align-items:flex-start;gap:20px;display:flex}.settings-section{padding:0}.settings-title{color:var(--text-strong);margin:0 0 8px;font-size:18px;font-weight:600}.settings-description{color:var(--text-muted);margin:0 0 24px;font-size:14px}.model-selector{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.model-option{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.model-option:hover{background:var(--surface-muted);border-color:var(--primary)}.model-option input[type=radio]{cursor:pointer;accent-color:var(--primary);margin-top:4px}.model-option input[type=radio]:checked~.model-info{color:var(--text-strong)}.model-info{flex-direction:column;flex:1;gap:4px;display:flex}.model-info strong{color:var(--text-strong);font-weight:600}.model-info span{color:var(--text-muted);font-size:13px}.model-status{background:var(--surface-muted);color:var(--text-strong);border-radius:8px;padding:12px 16px;font-size:14px}.model-status strong{color:var(--text-strong)}.settings-divider{background:var(--border);height:1px;margin:32px 0}.message-banner{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-success{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.message-error{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.modal-dialog{background:var(--surface);border-radius:16px;width:480px;max-width:calc(100% - 40px);overflow:hidden;box-shadow:0 24px 60px #0f274340}.modal-header{border-bottom:1px solid var(--border);padding:24px}.modal-header h3{color:var(--text-strong);margin:0;font-size:18px;font-weight:600}.modal-body{color:var(--text);padding:24px;font-size:15px;line-height:1.6}.modal-body p{color:var(--text-muted);margin:0 0 16px}.modal-body p:last-of-type{margin-bottom:0}.warning-text{color:#7a5410;background:#fdf4e3;border-left:4px solid #f0d9a8;border-radius:6px;padding:12px 16px;font-size:14px;line-height:1.55}.recommendation{background:var(--surface-muted);border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.55;margin:16px 0!important}.modal-actions{border-top:1px solid var(--border);background:var(--surface-muted);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--primary)}.analytics-header{align-items:flex-start;gap:20px;margin-bottom:4px;display:flex}.analytics-controls{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-left:auto;display:flex}.control-group{flex-direction:column;gap:6px;display:flex}.control-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.seg{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-option{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.seg-option:hover:not(.is-active){color:var(--text-strong)}.seg-option.is-active{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-sm);font-weight:600}.seg-option:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.analytics-body.is-refreshing{opacity:.5;pointer-events:none}.back-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin-top:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.back-btn:hover{background:var(--surface-muted);border-color:var(--primary)}.analytics-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.summary-card.highlight{background:linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-800) 100%);border-color:var(--brand-blue);color:#fff}.summary-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:600}.summary-card.highlight .summary-label{color:#ffffffb3}.summary-value{color:var(--text-strong);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:32px;font-weight:700;line-height:1.2}.summary-card.highlight .summary-value{color:#fff}.summary-subtext{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px;font-weight:500}.summary-card.highlight .summary-subtext{color:#ffffffb3}.panel-title{color:var(--text-strong);margin:0 0 16px;font-size:16px;font-weight:600}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-head .panel-title{margin:0}.panel-sub{color:var(--text-muted);margin:3px 0 0;font-size:12px}.panel-sub.is-warn{color:var(--red-text);font-weight:500}.panel-actions{align-items:center;gap:10px;display:flex}.panel-actions .dropdown-trigger{border-radius:8px;width:auto;min-width:200px;height:36px;padding:0 12px;font-size:13px}.table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:12px 8px;font-size:13px;font-weight:600}.analytics-table th.num{text-align:right}.analytics-table td{border-bottom:1px solid var(--border);padding:12px 8px;font-size:14px}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-strong)}.analytics-table td.num.total{color:var(--text-strong);font-weight:600}.analytics-table .model-name{color:var(--text-strong);font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.stat-item{background:var(--surface-muted);text-align:center;border-radius:8px;padding:16px}.stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600}.stat-value{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.loading-text,.error-text{text-align:center;color:var(--text-muted);margin:0;padding:40px 20px}.error-text{color:var(--red-text)}@media (width<=1280px){.dashboard-content{padding:8px 32px 32px}.sidebar{width:240px}.topbar{padding:0 24px}}@media (width<=1024px){.sidebar{z-index:60;width:min(300px,84vw);position:fixed;top:0;bottom:0;left:0;box-shadow:0 12px 40px #0f274357}.dashboard-content{padding:8px 20px 28px}.form-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column}.analytics-controls{margin-left:0}}@media (width<=940px){.analytics-summary,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.dashboard-content{padding:8px 14px 22px}.topbar{gap:8px;height:58px;padding:0 14px}.topbar-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.topbar-pill span:not(.topbar-avatar){display:none}.topbar-pill{padding:0 10px}.view-head h2,.view-fill .view-head h2{font-size:24px}.panel{padding:20px 16px}.modal-confirm{width:92%;max-width:400px}.filters{gap:8px}.filter-search{min-width:0}.analytics-summary,.stats-grid{grid-template-columns:1fr;gap:14px}.analytics-controls{gap:14px}.panel-actions{width:100%}.panel-actions .dropdown{flex:1}}.cm-date-field{border:1px solid var(--border-input);background:var(--surface);height:44px;color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.cm-date-field span{font-weight:600}.filter-date{font:inherit;color:var(--text);background:0 0;border:none;outline:none}.cm-date-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.chat-monitor{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;min-height:0;display:grid}.cm-list{flex-direction:column;padding:12px;display:flex;overflow:hidden}.cm-list-head{margin-bottom:10px}.cm-search{width:100%}.cm-items{flex-direction:column;flex:1;gap:6px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.cm-list-empty{color:var(--text-muted);text-align:center;padding:24px 8px;font-size:14px}.cm-item{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.cm-item:hover{border-color:var(--brand-blue);background:var(--surface-muted)}.cm-item.is-active{border-color:var(--brand-blue);background:var(--surface-muted);box-shadow:inset 3px 0 0 var(--brand-blue)}.cm-item-title{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cm-item-user{color:var(--text);align-items:center;gap:6px;font-size:13px;display:inline-flex}.cm-item-email,.cm-item-meta,.cm-item-time{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cm-item-time{color:var(--text-faint)}.cm-badge-deleted{padding:1px 6px;font-size:10px}.cm-pager{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding-top:10px}.cm-pager .pagination-info{text-align:center}.cm-pager .pagination-controls{flex-wrap:wrap;justify-content:center;gap:8px}.cm-pager .page-size{margin-right:0}.cm-pager .pagination-page{min-width:44px}.cm-transcript{flex-direction:column;padding:0;display:flex;overflow:hidden}.cm-transcript-empty{color:var(--text-faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.cm-transcript-head{border-bottom:1px solid var(--border);background:var(--surface-muted);padding:16px 20px}.cm-transcript-head h3{color:var(--text-strong);font-family:var(--font-serif);margin:0 0 4px}.cm-transcript-sub{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 2px;font-size:14px;display:flex}.cm-transcript-meta{color:var(--text-muted);margin:0;font-size:12px}.cm-readonly-note{color:var(--brand-blue-600);margin:8px 0 0;font-size:12px}.cm-messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.cm-msg{border:1px solid var(--border);border-radius:12px;max-width:min(820px,86%);padding:10px 14px}.cm-msg.is-user{background:var(--brand-navy);border-color:var(--brand-navy);align-self:flex-end}.cm-msg.is-user .cm-msg-role{color:var(--brand-sky)}.cm-msg.is-user .cm-msg-body{color:#fff}.cm-msg.is-user .cm-msg-meta{color:#ffffffb3}.cm-msg.is-assistant{background:var(--surface);align-self:flex-start}.cm-msg.is-system{background:var(--surface-muted);border-style:dashed;align-self:center;max-width:90%}.cm-msg-role{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.cm-msg-body{color:var(--text);word-break:break-word;font-size:14px;line-height:1.55}.cm-msg-plain{white-space:pre-wrap}.cm-md>:first-child{margin-top:0}.cm-md>:last-child{margin-bottom:0}.cm-md p{margin:0 0 10px}.cm-md h1,.cm-md h2,.cm-md h3,.cm-md h4{color:var(--text-strong);line-height:1.3;font-family:var(--font-serif);margin:14px 0 8px}.cm-md h1{font-size:20px}.cm-md h2{font-size:18px}.cm-md h3{font-size:16px}.cm-md h4{font-size:14px}.cm-md ul,.cm-md ol{margin:0 0 10px;padding-left:22px}.cm-md li{margin:2px 0}.cm-md li>p{margin:0}.cm-md a{color:var(--brand-blue-600);text-decoration:underline}.cm-md code{background:var(--surface-muted);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.cm-md pre{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;margin:0 0 10px;padding:12px;overflow-x:auto}.cm-md pre code{background:0 0;padding:0;font-size:12.5px}.cm-md blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin:0 0 10px;padding:4px 12px}.cm-md hr{border:none;border-top:1px solid var(--border);margin:14px 0}.cm-md table{border-collapse:collapse;margin:0 0 10px;font-size:13px;display:block;overflow-x:auto}.cm-md th,.cm-md td{border:1px solid var(--border);text-align:left;padding:5px 9px}.cm-md th{background:var(--surface-muted)}.cm-md img{max-width:100%}.cm-msg-meta{color:var(--text-faint);margin-top:6px;font-size:11px}.cm-msg-files{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cm-file-chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;max-width:100%;font:inherit;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .15s,background .15s;display:inline-flex}.cm-file-chip:hover:not(:disabled){border-color:var(--brand-blue);background:var(--surface-muted)}.cm-file-chip:disabled{opacity:.6;cursor:not-allowed}.cm-file-chip-gen{border-color:var(--brand-sky);background:var(--brand-bone)}.cm-file-icon{font-size:14px;line-height:1}.cm-file-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:13px;font-weight:600;overflow:hidden}.cm-file-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:11px}.cm-msg.is-user .cm-file-chip{background:#fffffff0;border-color:#0000}.cm-download-error{border:1px solid var(--red-border);background:var(--red-bg);color:var(--red-text);border-radius:8px;margin:0 20px;padding:8px 12px;font-size:13px}@media (width<=1000px){.chat-monitor{grid-template-rows:minmax(130px,32%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.cm-msg{max-width:92%}}@media (width<=720px){.chat-monitor{grid-template-rows:minmax(110px,28%) minmax(0,1fr);gap:12px}.cm-msg{max-width:96%}}.placeholder-panel{text-align:center;padding:52px 28px}.placeholder-icon{background:var(--brand-bone);width:58px;height:58px;color:var(--brand-blue-600);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.placeholder-panel h3{font-family:var(--font-serif);color:var(--text-strong);margin:0 0 8px;font-size:21px;font-weight:600}.placeholder-panel p{max-width:460px;color:var(--text-muted);margin:0 auto;font-size:14px;line-height:1.6}.placeholder-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.crash-detail{background:var(--red-bg);border:1px solid var(--red-border);word-break:break-word;border-radius:8px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--red-text)!important;margin-top:14px!important;font-size:12.5px!important}.dash{flex-direction:column;gap:22px;max-width:none;display:flex}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dash-welcome{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-strong);margin:0;font-size:27px;font-weight:600}.dash-sub{color:var(--text-muted);margin:6px 0 0;font-size:14px}.dash-freshness.is-warn{color:var(--red-text);font-weight:500}.dash-freshness{color:var(--text-faint)}.dash-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.refresh-btn{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.refresh-btn:hover:not(:disabled){border-color:var(--brand-blue);color:var(--text-strong)}.refresh-btn:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.refresh-btn:disabled{opacity:.6;cursor:default}.refresh-btn:disabled svg{animation:.9s linear infinite dash-spin}@keyframes dash-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.refresh-btn:disabled svg{animation:none}}.range-picker{position:relative}.range-trigger{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text-strong);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s;display:inline-flex}.range-trigger:hover{border-color:var(--brand-blue)}.range-trigger svg:first-child{color:var(--text-muted)}.range-trigger:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.range-menu{z-index:20;background:var(--surface);border:1px solid var(--border);min-width:210px;box-shadow:var(--shadow-card);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.range-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-size:14px;display:block}.range-option:hover{background:var(--surface-muted)}.range-option.is-active{background:var(--brand-navy);color:#fff;font-weight:600}.dash-body{flex-direction:column;gap:22px;transition:opacity .15s;display:flex}.dash-body.is-refreshing{opacity:.5;pointer-events:none}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.panel.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;min-width:0;padding:18px 20px 20px}.card-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{color:var(--text-strong);margin:0;font-size:15px;font-weight:600}.card-link{color:var(--brand-blue-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.card-link:hover{text-decoration:underline}.card-tag{border:1px solid var(--border);color:var(--text-muted);background:var(--surface-muted);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:500}.dash-error{border-left:3px solid var(--red-border);justify-content:space-between;align-items:center;gap:16px;display:flex}.dash-error p{color:var(--red-text);margin:0}.dash-footer{text-align:center;color:var(--text-faint);margin-top:6px;padding-top:4px;font-size:13px}.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:0 14px;min-width:0;padding:18px 20px 14px;display:grid}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.tint-blue{color:#0389c3;background:#e3f2fb}.tint-violet{color:#7c6bd6;background:#eeeafc}.tint-green{color:#2fa96b;background:#e6f5ed}.tint-amber{color:#d97f22;background:#fdf0e2}.stat-main{min-width:0}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500;display:block}.stat-value{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text-strong);font-variant-numeric:tabular-nums;margin-top:3px;font-size:30px;font-weight:600;line-height:1.2;display:block}.stat-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.stat-change{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.stat-pct{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:12.5px;font-weight:600;display:inline-flex}.stat-pct.is-good{color:#2fa96b}.stat-pct.is-bad{color:var(--red-text)}.stat-card .spark{grid-column:1/-1;margin-top:8px}.chart{width:100%;position:relative}.chart-axis{fill:var(--text-faint);font-size:11px;font-family:var(--font-sans)}.chart-empty{color:var(--text-muted);text-align:center;padding:44px 4px;font-size:14px}.spark{width:100%}.chart-tip{pointer-events:none;z-index:3;position:absolute;transform:translate(-50%)}.chart-tip-body{background:var(--surface);border:1px solid var(--border);text-align:center;white-space:nowrap;border-radius:10px;padding:7px 11px;box-shadow:0 6px 18px #0f274324}.chart-tip-when{color:var(--text-muted);font-size:11px;display:block}.chart-tip-body strong{color:var(--text-strong);font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;font-weight:600;display:block}.donut-row{flex-direction:column;gap:16px;max-width:380px;margin:0 auto;display:flex}.donut{justify-content:center;min-width:0;display:flex}.donut-total{font-family:var(--font-serif);fill:var(--text-strong);font-size:26px;font-weight:600}.donut-caption{fill:var(--text-muted);font-size:12px;font-family:var(--font-sans)}.donut-legend{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px 8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.donut-legend li{display:contents}.donut-legend i{border-radius:50%;width:9px;height:9px}.donut-role{min-width:0;color:var(--text);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donut-count{color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.donut-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{grid-template-columns:16px minmax(72px,1fr) minmax(60px,1.5fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.rank-index{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:13px}.rank-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.rank-track{background:var(--surface-muted);border-radius:4px;height:8px;overflow:hidden}.rank-fill{border-radius:4px;height:100%;transition:width .3s;display:block}.rank-value{color:var(--text-strong);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;font-weight:600}.mini-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.mini-table th{text-align:left;letter-spacing:.02em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 8px 10px 0;font-size:11.5px;font-weight:600}.mini-table td{border-bottom:1px solid var(--border);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:11px 8px 11px 0;overflow:hidden}.mini-table tbody tr:last-child td{border-bottom:none}.mini-table tr.is-clickable{cursor:pointer}.mini-table tr.is-clickable:hover td{background:var(--surface-muted)}.cell-strong{color:var(--text-strong);font-weight:500}.cell-soft{color:var(--text-muted)}.cell-id{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pill{text-transform:capitalize;white-space:nowrap;background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.pill-admin{color:#0e6a99;background:#e3f2fb;border-color:#c3e3f5}.pill-manager{color:#5b4bb5;background:#eeeafc;border-color:#ddd5f7}.pill-analyst{color:#237c4e;background:#e6f5ed;border-color:#c9e8d8}.pill-viewer{color:#a8641a;background:#fdf0e2;border-color:#f6ddbf}.pill-open{background:var(--red-bg);color:var(--red-text);border-color:var(--red-border)}.pill-resolved{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.pill-in-progress{color:#a8641a;background:#fdf0e2;border-color:#f6ddbf}.status{white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.status i{border-radius:50%;flex:none;width:6px;height:6px}.status-active{color:var(--green-text)}.status-active i{background:#2fa96b}.status-inactive{color:var(--red-text)}.status-inactive i{background:#d05a5a}.dash-skeleton{flex-direction:column;gap:22px;display:flex}.skeleton-tile,.skeleton-panel{border:1px solid var(--border);background:linear-gradient(100deg, var(--surface) 30%, var(--surface-muted) 50%, var(--surface) 70%);background-size:220% 100%;border-radius:14px;animation:1.3s ease-in-out infinite dash-shimmer}.skeleton-tile{height:128px}.skeleton-panel{height:300px}@keyframes dash-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.skeleton-tile,.skeleton-panel{animation:none}.rank-fill{transition:none}}@media (width<=1500px){.grid-3{grid-template-columns:1fr 1fr}.grid-3>.card:last-child{grid-column:span 2}}@media (width<=1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-3,.grid-3>.card:last-child{grid-column:auto;grid-template-columns:1fr}}@media (width<=640px){.stat-grid{grid-template-columns:1fr}.range-picker,.range-trigger{width:100%}}.tickets-filters{align-items:center}.tickets-live{color:var(--text-faint);align-items:center;gap:7px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.tickets-live i{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.tickets-live.is-live{color:var(--green-text)}.tickets-live.is-live i{background:var(--green-text);box-shadow:0 0 0 3px #3d7a2c2e}.tickets-workspace{flex:1;grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;display:grid}.tickets-queue{flex-direction:column;padding:0;display:flex;overflow:hidden}.tickets-queue-head{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;display:flex}.tickets-unread{background:var(--brand-blue-600);color:#fff;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-weight:600}.tickets-queue-scroll{flex:1;overflow-y:auto}.tickets-queue-scroll ul{margin:0;padding:0;list-style:none}.tickets-queue-item{text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;border-left:3px solid #0000;gap:11px;width:100%;padding:13px 16px;transition:background .12s,border-color .12s;display:flex}.tickets-queue-item:hover{background:var(--surface-muted)}.tickets-queue-item.is-active{background:var(--surface-muted);border-left-color:var(--brand-blue)}.tickets-avatar{background:var(--brand-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:600;display:flex}.tickets-queue-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tickets-queue-top{align-items:center;gap:8px;display:flex}.tickets-queue-subject{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.tickets-badge{background:var(--brand-blue-600);color:#fff;text-align:center;border-radius:10px;flex-shrink:0;min-width:19px;height:19px;padding:0 6px;font-size:11px;font-weight:700;line-height:19px}.tickets-queue-user{color:var(--text-muted);font-size:12px}.tickets-queue-preview{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.4;overflow:hidden}.tickets-queue-meta{align-items:center;gap:7px;margin-top:4px;display:flex}.tickets-queue-meta .badge{height:21px;padding:0 9px;font-size:11.5px}.tickets-queue-time{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:11.5px}.badge-in_progress{color:#0b5f86;background:#e2f1fa;border-color:#b8dcef}.badge-closed{color:var(--text-muted);border-color:var(--border);background:#eef2f4}.priority{border:1px solid var(--border-input);height:21px;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.priority-high{color:#7a5410;border-color:#f0d9a8}.priority-urgent{border-color:var(--red-border);background:var(--red-bg);color:var(--red-text)}.tickets-detail{flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.tickets-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.tickets-empty h3{font-family:var(--font-serif);color:var(--text-strong);margin:0;font-size:20px}.tickets-empty p{margin:0;font-size:14px}.tickets-hint{color:var(--text-muted);padding:26px 18px;font-size:13px}.tickets-hint-error{color:var(--red-text)}.tickets-action-error{margin:0;padding:10px 20px 0;font-size:13px}.tickets-detail-head{border-bottom:1px solid var(--border);padding:16px 20px}.tickets-detail-title h3{font-family:var(--font-serif);color:var(--text-strong);margin:0 0 4px;font-size:20px;font-weight:700}.tickets-detail-title p{color:var(--text-muted);margin:0;font-size:12.5px}.tickets-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.tickets-priority-select{height:32px;padding:0 30px 0 10px;font-size:13px}.tickets-thread{background:var(--bg);flex-direction:column;flex:1;gap:13px;padding:18px 20px;display:flex;overflow-y:auto}.tickets-msg{flex-direction:column;max-width:min(760px,86%);display:flex}.tickets-msg.mine{align-self:flex-end;align-items:flex-end}.tickets-msg.theirs{align-self:flex-start;align-items:flex-start}.tickets-msg-bubble{white-space:pre-wrap;word-break:break-word;border-radius:13px;padding:11px 14px;font-size:14px;line-height:1.55}.tickets-msg.mine .tickets-msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:5px}.tickets-msg.theirs .tickets-msg-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:5px}.tickets-msg-meta{color:var(--text-faint);margin-top:4px;font-size:11.5px}.tickets-system{background:var(--surface-muted);border:1px solid var(--border);max-width:80%;color:var(--text-muted);text-align:center;border-radius:999px;flex-direction:column;align-self:center;align-items:center;gap:2px;padding:6px 14px;font-size:12.5px;display:flex}.tickets-system time{color:var(--text-faint);font-size:11px}.tickets-typing{align-items:center;gap:4px;padding:13px 15px;display:inline-flex}.tickets-typing span{background:var(--text-faint);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tickets-bounce}.tickets-typing span:nth-child(2){animation-delay:.15s}.tickets-typing span:nth-child(3){animation-delay:.3s}@keyframes tickets-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tickets-typing span{animation:none}}.tickets-composer{border-top:1px solid var(--border);background:var(--surface);align-items:flex-end;gap:10px;padding:14px 20px;display:flex}.tickets-composer textarea{border:1px solid var(--border-input);background:var(--surface);max-height:150px;color:var(--text);resize:vertical;border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.tickets-composer textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--ring);outline:none}.tickets-closed{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding:16px 20px;font-size:13.5px}@media (width<=1100px){.tickets-workspace{grid-template-rows:minmax(120px,30%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.tickets-queue{max-height:none}.tickets-detail{min-height:0}}@media (width<=720px){.tickets-workspace{grid-template-rows:minmax(104px,26%) minmax(0,1fr);gap:12px}.tickets-msg{max-width:94%}}