*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f1f3f4;--surface: #ffffff;--surface-2: #f8f9fa;--text: #202124;--text-2: #5f6368;--text-3: #9aa0a6;--blue: #1a73e8;--blue-dark: #1557b0;--blue-light: #e8f0fe;--blue-border: #c5d8fd;--border: #dadce0;--green: #34a853;--red: #d93025;--yellow: #f9ab00;--shadow-sm: 0 1px 2px rgba(60,64,67,.1), 0 1px 6px rgba(60,64,67,.08);--shadow: 0 1px 3px rgba(60,64,67,.12), 0 4px 12px rgba(60,64,67,.1);--font: "Plus Jakarta Sans", -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--topbar-h: 52px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}.app-header{height:var(--topbar-h);min-height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:4px;flex-shrink:0;box-shadow:var(--shadow-sm)}.app-title{font-size:15px;font-weight:700;color:var(--text);margin-right:16px;white-space:nowrap}.app-content{flex:1;overflow-y:auto;padding:20px}.topbar-tab{padding:5px 12px;font-size:13px;font-weight:500;color:var(--text-2);border-radius:var(--radius-xs);cursor:pointer;border:none;background:transparent;transition:background .1s,color .1s}.topbar-tab:hover{background:var(--bg);color:var(--text)}.topbar-tab.active{background:var(--blue-light);color:var(--blue);font-weight:600}.filter-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter-select,.filter-input{height:34px;padding:0 10px;font-size:13px;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.filter-select:focus,.filter-input:focus{border-color:var(--blue)}.filter-select{cursor:pointer}.filter-input.search{min-width:200px}.filter-input.date{width:140px}.filter-clear-btn{height:34px;padding:0 12px;font-size:12px;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:background .1s}.filter-clear-btn:hover{background:var(--bg)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}.doc-card:hover{box-shadow:var(--shadow)}.doc-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.doc-agent-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:capitalize;color:#fff}.doc-type-chip{font-size:11px;font-family:Courier New,monospace;color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px 6px}.doc-card-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}.doc-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.doc-card-time{font-size:12px;color:var(--text-3)}.doc-view-btn{font-size:12px;font-weight:600;color:var(--blue);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:background .1s}.doc-view-btn:hover{background:var(--blue-light)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2021248c;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.modal-panel{background:var(--surface);border-radius:var(--radius);width:100%;max-width:760px;box-shadow:var(--shadow);position:relative}.modal-header{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.modal-header-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.modal-title{font-size:17px;font-weight:700;color:var(--text);line-height:1.35;padding-right:32px}.modal-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--text-3);font-size:18px;line-height:1;padding:4px;border-radius:var(--radius-xs);transition:background .1s,color .1s}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-timestamp{font-size:12px;color:var(--text-3);padding:0 20px 12px}.modal-payload{padding:0 20px 20px}.payload-pre{font-family:Courier New,monospace;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;overflow:auto;max-height:60vh;white-space:pre;color:var(--text);line-height:1.5}.pagination{display:flex;align-items:center;gap:12px;margin-top:20px;justify-content:center}.pagination-btn{padding:6px 16px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);cursor:pointer;transition:background .1s}.pagination-btn:hover:not(:disabled){background:var(--bg)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--text-2)}.state-box{text-align:center;padding:60px 20px;color:var(--text-3);font-size:14px}.state-box strong{display:block;font-size:16px;color:var(--text-2);margin-bottom:4px}.skill-category-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.skill-category-btn{padding:5px 12px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .1s,color .1s;text-transform:capitalize}.skill-category-btn:hover{background:var(--bg)}.skill-category-btn.active{background:var(--blue-light);color:var(--blue);border-color:var(--blue-border)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.skill-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.skill-card-name{font-size:14px;font-weight:700;color:var(--text)}.skill-card-version{font-size:11px;color:var(--text-3);white-space:nowrap}.skill-card-category{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--blue-light);color:var(--blue);text-transform:capitalize}.skill-card-desc{font-size:13px;color:var(--text-2);line-height:1.5}.skill-tags{display:flex;gap:4px;flex-wrap:wrap}.skill-tag{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--bg);border:1px solid var(--border);color:var(--text-3)}.skill-install-row{display:flex;gap:6px;align-items:center;margin-top:4px}.skill-install-cmd{flex:1;font-family:Courier New,monospace;font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px 8px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-copy-btn{height:28px;padding:0 10px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s;flex-shrink:0}.skill-copy-btn:hover,.skill-copy-btn.copied{background:var(--blue-light);color:var(--blue)}a.doc-card{text-decoration:none;color:inherit;cursor:pointer}.doc-view-btn{font-size:12px;font-weight:600;color:var(--blue)}.doc-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.doc-page-topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;flex-shrink:0;box-shadow:var(--shadow-sm)}.doc-page-back{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}.doc-page-back:hover{text-decoration:underline}.doc-page-body{max-width:760px;width:100%;margin:0 auto;padding:32px 24px 80px;display:flex;flex-direction:column;gap:32px}.doc-page-header{display:flex;flex-direction:column;gap:10px}.doc-page-header-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doc-page-title{font-size:22px;font-weight:700;color:var(--text);line-height:1.3}.doc-page-loading,.doc-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:var(--text-2);font-size:14px}.doc-page-error a{color:var(--blue)}.payload-doc{display:flex;flex-direction:column;gap:28px}.payload-summary{background:var(--blue-light);border-left:3px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:14px 18px;font-size:15px;color:var(--text);line-height:1.6;margin:0;font-style:normal}.payload-section{display:flex;flex-direction:column;gap:10px}.payload-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding-bottom:6px;border-bottom:1px solid var(--border)}.payload-text{display:flex;flex-direction:column;gap:10px}.payload-text p{font-size:14px;color:var(--text);line-height:1.7}.payload-list{padding-left:20px;display:flex;flex-direction:column;gap:8px}.payload-list li{font-size:14px;color:var(--text);line-height:1.6}.payload-risks{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.payload-risk-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);line-height:1.5}.severity-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-top:2px}.sev-low{background:#e6f4ea;color:#137333}.sev-med{background:#fef7e0;color:#a66400}.sev-high{background:#fce8e6;color:#c5221f}.payload-card-list{display:flex;flex-direction:column;gap:12px}.payload-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px 14px 44px;display:flex;flex-direction:column;gap:10px}.payload-card-index{position:absolute;left:14px;top:16px;font-size:11px;font-weight:700;color:var(--text-3);width:20px;text-align:right}.payload-card-headline .payload-card-value{font-size:14px;font-weight:600;color:var(--text);line-height:1.5}.payload-card-field{display:flex;flex-direction:column;gap:4px}.payload-card-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.payload-card-value{font-size:13px;color:var(--text);line-height:1.6}.payload-card-value .payload-text p{font-size:13px}.payload-card-list .payload-card-list{padding-left:0;margin-top:4px}.payload-chip-group{display:flex;flex-wrap:wrap;gap:5px}.payload-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;color:var(--text-2);white-space:nowrap}.payload-number-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;width:24px;height:24px;background:var(--blue-light);color:var(--blue);border-radius:50%}.payload-object-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.payload-object-row{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);align-items:start}.payload-object-row:last-child{border-bottom:none}.payload-object-key{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding-top:2px}.payload-object-val{font-size:13px;color:var(--text);line-height:1.6}.payload-object-val .payload-text p{font-size:13px}.payload-object-val .payload-card-list{margin-top:4px}.payload-inline-object{display:flex;flex-direction:column;gap:8px}.doc-page-notes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px}.notes-header{display:flex;align-items:center;justify-content:space-between}.notes-title{font-size:14px;font-weight:700;color:var(--text)}.notes-add-btn{font-size:12px;font-weight:600;color:var(--blue);background:var(--blue-light);border:none;border-radius:var(--radius-xs);padding:5px 12px;cursor:pointer;transition:background .1s}.notes-add-btn:hover{background:var(--blue-border)}.notes-empty{font-size:13px;color:var(--text-3)}.note-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.note-meta{display:flex;align-items:center;gap:10px}.note-author{font-size:12px;font-weight:700;color:var(--text)}.note-time{font-size:11px;color:var(--text-3)}.note-content{font-size:13px;color:var(--text);line-height:1.6;white-space:pre-wrap}.note-form{display:flex;flex-direction:column;gap:10px}.note-author-input,.note-textarea{font-family:var(--font);font-size:13px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);padding:8px 10px;outline:none;transition:border-color .15s;resize:vertical}.note-author-input:focus,.note-textarea:focus{border-color:var(--blue)}.note-author-input{height:36px}.note-form-actions{display:flex;gap:8px}.note-submit-btn{padding:7px 16px;font-size:13px;font-weight:600;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background .1s}.note-submit-btn:hover:not(:disabled){background:var(--blue-dark)}.note-submit-btn:disabled{opacity:.5;cursor:not-allowed}.note-cancel-btn{padding:7px 14px;font-size:13px;font-weight:500;background:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:background .1s}.note-cancel-btn:hover{background:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}