:root{--fm: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--violet: #6366F1;--violet-end: #8B5CF6;--gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-shadow: rgba(99,102,241,.35);--teal: #0D9488;--rose: #EF4444;--amber: #F59E0B;--lime: #22C55E;--bg: #F0F2F5;--s: #FFFFFF;--tx: #111827;--t2: #374151;--t3: #6B7280;--b: #E5E7EB;--el: #F3F4F6;--h: #F9FAFB}html[data-theme=dark]{--bg: #0F1117;--s: #1A1D27;--tx: #F1F5F9;--t2: #CBD5E1;--t3: #64748B;--b: #2D3148;--el: #252838;--h: #1E2130;--violet: #818CF8;--teal: #2DD4BF;--rose: #F87171;--amber: #FCD34D;--lime: #4ADE80;--gradient: linear-gradient(135deg, #818CF8 0%, #A78BFA 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--fm);background:var(--bg);color:var(--tx);line-height:1.5;min-height:100vh}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:var(--s);border-right:1px solid var(--b);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden}.sidebar.collapsed{width:56px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{background:var(--gradient);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #6366f133;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:13px;font-weight:600;border:none;border-radius:10px;padding:9px 18px;cursor:pointer;transition:filter .12s ease,opacity .12s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 12px var(--gradient-shadow)}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-secondary{background:var(--s);border:1px solid var(--b);color:var(--tx);border-radius:8px}.btn-secondary:hover:not(:disabled){background:var(--el)}.btn-danger{background:var(--rose);color:#fff;border-radius:8px}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--t3);border-radius:8px;padding:7px 10px}.btn-ghost:hover:not(:disabled){background:var(--el);color:var(--tx)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:8px}.input,.select,.textarea{font-family:var(--fm);font-size:14px;color:var(--tx);background:var(--h);border:1px solid var(--b);border-radius:8px;padding:10px 12px;outline:none;width:100%;transition:border-color .12s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--violet);background:var(--s)}.textarea{resize:vertical;min-height:90px}.label{font-size:12px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.card{background:var(--s);border:1px solid var(--b);border-radius:12px;box-shadow:0 1px 3px #00000012;transition:box-shadow .15s ease}.card:hover{box-shadow:0 4px 12px #0000001a}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap}.badge-open{background:#eff6ff;color:#2563eb}.badge-in_progress{background:#ccfbf1;color:#0d9488}.badge-resolved{background:#f0fdf4;color:#16a34a}.badge-closed{background:var(--el);color:var(--t3)}.badge-urgent{background:#fef2f2;color:#dc2626}.badge-high{background:#fff7ed;color:#c2410c}.badge-medium{background:#fffbeb;color:#b45309}.badge-low{background:#f0fdf4;color:#15803d}.sla-track{background:var(--el);border-radius:4px;height:5px;overflow:hidden}.sla-fill{height:100%;border-radius:4px;transition:width .4s ease}.sla-fill.ok{background:var(--gradient)}.sla-fill.warning{background:linear-gradient(90deg,var(--amber),#f97316)}.sla-fill.breached{background:var(--rose)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--s);border:1px solid var(--b);border-radius:16px;padding:28px;width:100%;max-width:520px;box-shadow:0 25px 50px #00000040;animation:modalIn .18s cubic-bezier(.4,0,.2,1)}.modal-sm{max-width:400px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.empty{background:var(--h);border:2px dashed var(--b);border-radius:16px;padding:60px 20px;text-align:center}.spinner{width:24px;height:24px;border:2px solid var(--b);border-top-color:var(--violet);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--t3);font-size:12px}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--violet);flex-shrink:0}.alert-error{background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:10px 14px;color:#dc2626;font-size:13px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b);border-radius:3px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-sm{font-size:13px;color:var(--t2)}.text-xs{font-size:12px;color:var(--t3)}