:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--bg: #f5f5f7;--surface: #ffffff;--surface2: #f5f5f7;--gray: #f2f2f7;--border: rgba(0,0,0,.08);--border-med: rgba(0,0,0,.13);--text: #1d1d1f;--text2: #6e6e73;--text3: #aeaeb2;--blue: #0071e3;--blue-l: #e8f1fd;--blue-t: #0040dd;--green: #28cd41;--green-l: #e8f8ea;--green-t: #1a7d26;--orange: #ff9500;--orange-l: #fff3e0;--orange-t: #a05a00;--red: #ff3b30;--red-l: #fff0ef;--red-t: #c0180e;--purple: #6e5cf6;--purple-l: #f0eeff;--purple-t: #3d27c9;--gem: #1a73e8;--gem-l: #e8f0fe;--gem-t: #1557b0;--sidebar-w: 220px;--hdr-h: 52px;--r: 12px;--rs: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:3px}h1{font-size:22px;font-weight:700;letter-spacing:-.5px}h2{font-size:18px;font-weight:700;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}h4{font-size:13px;font-weight:600}button{font-family:var(--font);cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--rs);font-size:13px;font-weight:500;border:none;transition:all .15s;cursor:pointer}.btn svg{width:14px;height:14px;fill:currentColor}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{opacity:.88}.btn-secondary{background:var(--gray);color:var(--text);border:1px solid var(--border-med)}.btn-secondary:hover{background:var(--border-med)}.btn-danger{background:var(--red-l);color:var(--red-t);border:1px solid rgba(255,59,48,.2)}.btn-green{background:var(--green-l);color:var(--green-t);border:1px solid rgba(40,205,65,.25)}.btn-gem{background:var(--gem-l);color:var(--gem-t);border:1px solid rgba(26,115,232,.2)}.btn-gem:hover{background:var(--gem);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:7px;border-radius:50%}.fi,.fsel,.fta{width:100%;border:1px solid var(--border-med);border-radius:var(--rs);padding:8px 11px;font-size:13px;font-family:var(--font);color:var(--text);background:var(--gray);outline:none;transition:border-color .15s,background .15s}.fi:focus,.fsel:focus,.fta:focus{border-color:var(--blue);background:#fff}.fta{resize:vertical;min-height:80px}.fg{margin-bottom:14px}.fg:last-child{margin-bottom:0}.fg label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}.badge-open{background:var(--blue-l);color:var(--blue-t)}.badge-progress{background:var(--orange-l);color:var(--orange-t)}.badge-resolved{background:var(--green-l);color:var(--green-t)}.badge-closed{background:var(--gray);color:var(--text2)}.badge-p1{background:var(--red-l);color:var(--red-t)}.badge-p2{background:var(--orange-l);color:var(--orange-t)}.badge-p3{background:var(--blue-l);color:var(--blue-t)}.badge-p4{background:var(--gray);color:var(--text2)}.badge-gem{background:var(--gem-l);color:var(--gem-t)}.badge-critical{background:var(--red-l);color:var(--red-t)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r)}.card-body{padding:16px}.card-hdr{padding:14px 16px;border-bottom:.5px solid var(--border)}.toggle{width:38px;height:22px;background:var(--text3);border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle.on:after{left:19px}.pbar{height:5px;background:var(--gray);border-radius:3px;overflow:hidden}.pfill{height:100%;border-radius:3px;transition:width .4s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-8px);opacity:0}to{transform:translate(0);opacity:1}}.pulse{animation:pulse 2s ease-in-out infinite}.spin{animation:spin .9s linear infinite}.fade-in{animation:fadeIn .2s ease}.slide-in{animation:slideIn .15s ease}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:.5px;background:var(--border)}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p{margin:0 0 8px;line-height:1.55}.md ul,.md ol{margin:6px 0 8px;padding-left:22px}.md li{margin:2px 0;line-height:1.5}.md strong{font-weight:600}.md em{font-style:italic}.md code{background:#0000000f;padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:.92em}.md pre{background:#0000000f;padding:9px 11px;border-radius:6px;overflow-x:auto;margin:6px 0 8px}.md pre code{background:none;padding:0}.md h1,.md h2,.md h3{font-size:14px;font-weight:600;margin:10px 0 6px}.md a{color:var(--blue);text-decoration:underline}.md blockquote{margin:6px 0;padding-left:10px;border-left:3px solid var(--border-med);color:var(--text2)}.md hr{border:none;border-top:.5px solid var(--border);margin:10px 0}
