@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--bg-base: #1c1c1e;--bg-surface: #232325;--bg-raised: #2a2a2d;--bg-hover: #313135;--border: #38383c;--border-subtle: #2e2e32;--text-primary: #e2e0db;--text-secondary: #9e9b94;--text-muted: #5a5855;--accent: #c9a97a;--accent-dim: rgba(201, 169, 122, .1);--green: #7ec99a;--green-dim: rgba(126, 201, 154, .1);--yellow: #d4b483;--yellow-dim: rgba(212, 180, 131, .1);--orange: #d49c7e;--orange-dim: rgba(212, 156, 126, .1);--red: #d47e7e;--red-dim: rgba(212, 126, 126, .1);--priority-low: var(--green);--priority-medium: var(--yellow);--priority-high: var(--orange);--priority-critical: var(--red);--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 6px;--radius-sm: 4px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.app-header{border-bottom:1px solid var(--border);background:var(--bg-surface);padding:0 32px;height:52px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:100}.app-logo{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.app-logo span{color:var(--text-muted)}.app-nav{display:flex;gap:4px;margin-left:auto}.nav-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.active{background:var(--accent-dim);color:var(--accent)}.app-main{display:grid;grid-template-columns:380px 1fr;gap:0;height:calc(100vh - 52px);overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--bg-surface);overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.main-content{overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:24px}.section-title{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.ticket-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-sans);font-size:13.5px;padding:9px 12px;transition:border-color var(--transition),background var(--transition);outline:none;width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);background:var(--bg-hover)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:none;min-height:180px;line-height:1.5}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5166' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);font-size:12px;min-height:36px;transition:all var(--transition)}.ai-bar.classifying{background:var(--accent-dim);border:1px solid rgba(79,142,247,.2);color:var(--accent)}.ai-bar.suggested{background:var(--green-dim);border:1px solid rgba(61,214,140,.2);color:var(--green)}.ai-bar .ai-icon{font-size:13px;flex-shrink:0}.ai-bar .ai-label{font-family:var(--font-mono);font-size:11px;font-weight:500;flex:1}.ai-bar .ai-value{font-family:var(--font-mono);font-size:11px;opacity:.8}.spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.form-error{padding:8px 12px;background:var(--red-dim);border:1px solid rgba(247,79,79,.25);border-radius:var(--radius);color:var(--red);font-size:12px}.submit-btn{background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.02em;padding:10px 18px;transition:opacity var(--transition),transform var(--transition)}.submit-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.success-flash{padding:8px 12px;background:var(--green-dim);border:1px solid rgba(61,214,140,.25);border-radius:var(--radius);color:var(--green);font-size:12px;animation:fadeIn .2s ease}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat-card .stat-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-card .stat-value{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--text-primary);line-height:1}.stat-card .stat-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.breakdown-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.breakdown-card .breakdown-title{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.breakdown-rows{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;align-items:center;gap:10px}.breakdown-row .br-label{font-size:12px;font-weight:500;color:var(--text-secondary);width:70px;text-transform:capitalize}.breakdown-row .br-bar-wrap{flex:1;height:5px;background:var(--bg-raised);border-radius:3px;overflow:hidden}.breakdown-row .br-bar{height:100%;border-radius:3px;transition:width .5s ease}.breakdown-row .br-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);width:24px;text-align:right}.filters-bar{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:end}.search-wrap{position:relative}.search-wrap input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:8px 12px 8px 34px;width:100%;outline:none;transition:border-color var(--transition)}.search-wrap input:focus{border-color:var(--accent)}.search-wrap input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:13px}.filter-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;padding:8px 28px 8px 10px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5166' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--transition)}.filter-select:focus{border-color:var(--accent);color:var(--text-primary)}.ticket-list{display:flex;flex-direction:column;gap:8px}.ticket-empty{text-align:center;padding:60px 24px;color:var(--text-muted);font-size:13px;border:1px dashed var(--border);border-radius:var(--radius)}.ticket-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition);animation:fadeIn .25s ease}.ticket-card:hover{border-color:var(--accent);background:var(--bg-raised);transform:translate(2px)}.ticket-card.expanded{border-color:var(--accent);background:var(--bg-raised)}.tc-header{display:flex;align-items:flex-start;gap:10px}.tc-id{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:2px;flex-shrink:0}.tc-title{font-size:13.5px;font-weight:500;color:var(--text-primary);flex:1;line-height:1.4}.tc-badges{display:flex;gap:6px;flex-shrink:0}.badge{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.badge-priority-low{background:var(--green-dim);color:var(--green)}.badge-priority-medium{background:var(--yellow-dim);color:var(--yellow)}.badge-priority-high{background:var(--orange-dim);color:var(--orange)}.badge-priority-critical{background:var(--red-dim);color:var(--red)}.badge-status-open{background:var(--accent-dim);color:var(--accent)}.badge-status-in_progress{background:var(--yellow-dim);color:var(--yellow)}.badge-status-resolved{background:var(--green-dim);color:var(--green)}.badge-status-closed{background:var(--bg-hover);color:var(--text-muted)}.badge-cat{background:var(--bg-hover);color:var(--text-secondary)}.tc-meta{display:flex;align-items:center;gap:12px;margin-top:8px}.tc-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;flex:1;overflow:hidden;display:-webkit-box;line-clamp:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tc-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0}.tc-expanded{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease}.tc-full-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.tc-actions{display:flex;align-items:center;gap:8px}.tc-actions-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.status-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:11.5px;font-weight:500;padding:5px 10px;transition:all var(--transition)}.status-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.status-btn.current{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);cursor:default}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-hover) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}