@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08080b;--surface: #111118;--surface-2: #1a1a24;--surface-3: #222230;--surface-glass: rgba(17, 17, 24, .6);--border: #1f1f2e;--border-light: #2c2c40;--border-glow: rgba(124, 106, 247, .3);--text: #c2c5d0;--text-dim: #6b6e85;--text-bright: #f0f1f5;--accent: #8a78ff;--accent-hover: #9c8cff;--accent-glow: rgba(138, 120, 255, .4);--critical: #ff4757;--critical-bg: rgba(255, 71, 87, .12);--critical-border: rgba(255, 71, 87, .25);--warning: #ffa502;--warning-bg: rgba(255, 165, 2, .12);--warning-border: rgba(255, 165, 2, .25);--info: #1e90ff;--info-bg: rgba(30, 144, 255, .12);--info-border: rgba(30, 144, 255, .25);--done: #2ed573;--done-bg: rgba(46, 213, 115, .12);--done-border: rgba(46, 213, 115, .25);--suppressed: #747d8c;--suppressed-bg: rgba(116, 125, 140, .12);--suppressed-border: rgba(116, 125, 140, .25);--wip: #eccc68;--wip-bg: rgba(236, 204, 104, .12);--wip-border: rgba(236, 204, 104, .25);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 20px var(--accent-glow);--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .15s cubic-bezier(.16, 1, .3, 1)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-bright)}a{color:inherit;text-decoration:none}input,button,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 6px #ff475700}to{box-shadow:0 0 #ff475700}}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(30,30,45,.4) 0%,var(--bg) 70%)}.content-area{display:flex;flex:1;overflow:hidden;position:relative}.spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.loading-center{flex:1;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-smooth)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;transition:var(--transition-fast)}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge.critical{background:var(--critical-bg);border-color:var(--critical-border);color:var(--critical);text-shadow:0 0 10px rgba(255,71,87,.4)}.badge.critical .badge-dot{background:var(--critical);box-shadow:0 0 8px var(--critical);animation:pulseGlow 2s infinite}.badge.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.badge.warning .badge-dot{background:var(--warning);box-shadow:0 0 8px var(--warning)}.badge.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge.info .badge-dot{background:var(--info);box-shadow:0 0 8px var(--info)}.badge.done{background:var(--done-bg);border-color:var(--done-border);color:var(--done)}.badge.done .badge-dot{background:var(--done);box-shadow:0 0 8px var(--done)}.badge.suppressed{background:var(--suppressed-bg);border-color:var(--suppressed-border);color:var(--suppressed)}.badge.suppressed .badge-dot{background:var(--suppressed)}.badge.wip{background:var(--wip-bg);border-color:var(--wip-border);color:var(--wip)}.badge.wip .badge-dot{background:var(--wip);box-shadow:0 0 8px var(--wip)}.badge.open{background:var(--critical-bg);border-color:var(--critical-border);color:var(--critical)}.badge.open .badge-dot{background:var(--critical);box-shadow:0 0 8px var(--critical)}.badge.server{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge.frontend{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-dim);padding:80px 20px;animation:fadeIn var(--transition-smooth)}.empty-state-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:var(--text-bright)}.login-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(138,120,255,.08),transparent 60%),radial-gradient(circle at 80% 20%,rgba(30,144,255,.05),transparent 50%);animation:spin 60s linear infinite;z-index:0;pointer-events:none}.login-card{width:100%;max-width:420px;background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:20px;padding:48px 40px;box-shadow:var(--shadow-md),0 0 40px #8a78ff1a;position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.login-logo-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:28px;font-weight:800;color:var(--text-bright);letter-spacing:.1em;text-shadow:0 0 20px rgba(255,255,255,.2)}.login-logo-sub{font-family:Outfit,sans-serif;font-size:13px;color:var(--text-dim);text-align:center;letter-spacing:.08em;margin-bottom:40px}.login-field{margin-bottom:24px;position:relative}.login-label{display:block;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px;transition:var(--transition-smooth)}.login-input{width:100%;background:#0003;border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;color:var(--text-bright);font-size:15px;outline:none;transition:var(--transition-smooth);box-shadow:inset 0 2px 4px #0003}.login-input::placeholder{color:var(--border-light)}.login-input:focus{border-color:var(--accent);background:#8a78ff0d;box-shadow:0 0 0 3px #8a78ff26,inset 0 2px 4px #0000001a}.login-input:focus+.login-label,.login-field:focus-within .login-label{color:var(--accent)}.login-error{background:var(--critical-bg);border:1px solid var(--critical-border);color:var(--critical);border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:24px;animation:fadeIn .3s ease;display:flex;align-items:center;gap:8px}.login-error:before{content:"⚠️";font-size:16px}.login-btn{width:100%;background:linear-gradient(135deg,var(--accent),#5e4ccc);color:#fff;border-radius:10px;padding:14px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;letter-spacing:.04em;margin-top:12px;transition:var(--transition-smooth);box-shadow:0 4px 15px #8a78ff66;position:relative;overflow:hidden}.login-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:.5s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8a78ff99}.login-btn:hover:after{left:150%}.login-btn:active{transform:translateY(1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-hint{font-size:12px;color:var(--text-dim);text-align:center;margin-top:32px;font-family:Outfit,sans-serif}.header{height:64px;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:32px;flex-shrink:0;z-index:10;position:relative;box-shadow:0 4px 30px #0003}.header-logo{display:flex;align-items:center;gap:12px;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;font-size:18px;color:var(--text-bright);letter-spacing:.08em;position:relative}.header-logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulseGlow 3s infinite}.header-nav{display:flex;gap:8px;flex:1}.header-nav-link{padding:8px 16px;border-radius:8px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:var(--text-dim);transition:var(--transition-smooth);position:relative;overflow:hidden}.header-nav-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent);transition:var(--transition-smooth);border-radius:2px;opacity:0}.header-nav-link:hover{color:var(--text-bright);background:#ffffff08}.header-nav-link.active{color:var(--text-bright);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-light)}.header-nav-link.active:before{width:40%;opacity:1;box-shadow:0 -2px 8px var(--accent-glow)}.header-stats{display:flex;gap:12px;align-items:center;font-family:Outfit,sans-serif;margin-left:auto}.header-user{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:30px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-bright);font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:var(--transition-smooth);cursor:pointer}.header-user:hover{background:var(--surface-3);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.header-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#5e4ccc);display:flex;align-items:center;justify-content:center;font-size:12px;font-family:Outfit,sans-serif;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #8a78ff4d}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-logout{padding:8px 16px;border-radius:8px;border:1px solid transparent;color:var(--text-dim);font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:var(--transition-smooth)}.header-logout:hover{color:var(--critical);background:var(--critical-bg);border-color:var(--critical-border)}.sidebar{width:260px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:24px 0;background:#11111866;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:5}.sidebar-section{padding:0 16px 20px;animation:fadeIn var(--transition-smooth)}.sidebar-label{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:0 8px;margin-bottom:12px}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:8px 16px 24px}.filter-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;margin-bottom:4px;border-radius:10px;color:var(--text-dim);font-family:Inter,sans-serif;font-size:14px;transition:var(--transition-fast);text-align:left;position:relative;overflow:hidden}.filter-btn:hover{color:var(--text-bright);background:var(--surface-3);transform:translate(4px)}.filter-btn.active{color:var(--text-bright);background:#8a78ff1a;box-shadow:inset 2px 0 0 var(--accent)}.filter-count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);padding:2px 8px;border-radius:12px;transition:var(--transition-fast)}.filter-btn:hover .filter-count{border-color:var(--border-light);color:var(--text)}.filter-btn.active .filter-count{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.errors-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg);position:relative}.errors-toolbar{padding:16px 28px;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0;background:#111118cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.search-input{flex:1;background:var(--surface-2);border:1px solid var(--border-light);border-radius:12px;padding:10px 16px;color:var(--text-bright);font-size:14px;outline:none;transition:var(--transition-smooth);box-shadow:inset 0 2px 4px #0003}.search-input:focus{border-color:var(--accent);background:#8a78ff0d;box-shadow:0 0 0 3px var(--accent-glow),inset 0 2px 4px #0000001a}.errors-count{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:var(--text-dim);background:var(--surface-2);padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.error-list{flex:1;padding:12px 28px;display:flex;flex-direction:column;gap:8px}.error-card{display:block;padding:16px 20px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;transition:var(--transition-smooth);cursor:pointer;animation:slideUp .4s cubic-bezier(.16,1,.3,1) both}.error-card:nth-child(1){animation-delay:.05s}.error-card:nth-child(2){animation-delay:.1s}.error-card:nth-child(3){animation-delay:.15s}.error-card:nth-child(4){animation-delay:.2s}.error-card:nth-child(5){animation-delay:.25s}.error-card:nth-child(n+6){animation-delay:.3s}.error-card:hover{background:var(--surface-3);transform:translateY(-2px);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.error-card:has(.critical):hover{border-color:var(--critical);box-shadow:0 4px 20px #ff475726}.error-card:has(.warning):hover{border-color:var(--warning);box-shadow:0 4px 20px #ffa50226}.error-card:has(.info):hover{border-color:var(--info);box-shadow:0 4px 20px #1e90ff26}.error-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.error-card-fp{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);background:#0000004d;border:1px solid var(--border-light);padding:2px 8px;border-radius:6px;letter-spacing:.06em}.error-card-route{font-size:13px;color:var(--text-bright);font-weight:500;font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-card-message{font-size:14px;color:var(--text);margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.error-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.error-card-meta-item{font-size:12px;color:var(--text-dim);font-family:Inter,sans-serif}.action-btn{padding:6px 16px;border-radius:8px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;border:1px solid var(--border);color:var(--text-dim);background:var(--surface-2);transition:var(--transition-smooth)}.action-btn:hover:not(:disabled){color:var(--text-bright);border-color:var(--border-light);background:var(--surface-3);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-btn:disabled{opacity:.5;cursor:not-allowed}.detail-page{flex:1;overflow-y:auto;padding:32px 48px;max-width:1200px;margin:0 auto;width:100%;animation:fadeIn var(--transition-smooth)}.detail-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-family:Outfit,sans-serif;font-size:14px;font-weight:500;margin-bottom:24px;transition:var(--transition-smooth);padding:8px 16px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.detail-back:hover{color:var(--text-bright);background:var(--surface-3);transform:translate(-4px);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.detail-header{margin-bottom:32px;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.detail-fp-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.detail-fp{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--accent);background:#8a78ff1a;border:1px solid rgba(138,120,255,.3);padding:4px 12px;border-radius:6px;box-shadow:0 0 10px #8a78ff1a}.detail-title{font-family:JetBrains Mono,monospace;font-size:22px;color:var(--text-bright);font-weight:700;word-break:break-all;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.5)}.detail-meta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px;border-radius:16px;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);margin-bottom:32px;box-shadow:var(--shadow-sm);animation:slideUp .5s cubic-bezier(.16,1,.3,1) both}.detail-meta-item{display:flex;flex-direction:column;gap:6px}.detail-meta-label{font-family:Outfit,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-weight:700}.detail-meta-value{font-family:JetBrains Mono,monospace;font-size:15px;color:var(--text-bright);font-variant-numeric:tabular-nums}.detail-meta-sep{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--border-light),transparent);align-self:center}.detail-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.action-btn{padding:8px 20px;border-radius:10px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;border:1px solid var(--border);color:var(--text-dim);background:var(--surface-2);transition:var(--transition-smooth)}.action-btn:hover{color:var(--text-bright);border-color:var(--border-light);background:var(--surface-3);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-btn.active{color:var(--text-bright);border-color:var(--border-light);background:var(--surface-3)}.action-btn.active-critical{color:var(--critical);border-color:var(--critical-border);background:var(--critical-bg);box-shadow:0 0 15px #ff475733}.action-btn.active-wip{color:var(--wip);border-color:var(--wip-border);background:var(--wip-bg);box-shadow:0 0 15px #eccc6833}.action-btn.active-done{color:var(--done);border-color:var(--done-border);background:var(--done-bg);box-shadow:0 0 15px #2ed57333}.action-btn.active-suppressed{color:var(--suppressed);border-color:var(--suppressed-border);background:var(--suppressed-bg)}.detail-section{margin-bottom:32px;animation:slideUp .7s cubic-bezier(.16,1,.3,1) both}.detail-section-title{font-family:Outfit,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:16px}.detail-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-light),transparent)}.detail-message{background:#111118b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;font-family:Inter,sans-serif;font-size:15px;color:var(--text-bright);line-height:1.6;word-break:break-word;box-shadow:inset 0 2px 10px #0003}.detail-stack{background:#0a0a0f;border:1px solid var(--border-light);border-radius:12px;padding:24px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:var(--text);line-height:1.8;white-space:pre-wrap;word-break:break-all;overflow-x:auto;box-shadow:inset 0 4px 20px #00000080;position:relative}.detail-stack:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--info));border-radius:12px 12px 0 0}.detail-stack .stack-at{color:var(--text-dim)}.detail-stack .stack-file{color:var(--accent);text-shadow:0 0 8px rgba(138,120,255,.3)}.detail-ua{background:#111118b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:12px;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-dim);word-break:break-all}