:root{--bg:#f4f7fb;--panel:#fff;--text:#0f172a;--muted:#64748b;--line:#dbe3ef;--accent:#2563eb;--shadow:0 10px 30px #00000014;--radius:14px;--radius-lg:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(1200px 800px at 20% 0%, #e0eaff 0%, transparent 60%), radial-gradient(1200px 800px at 80% 20%, #f0f4ff 0%, transparent 55%), var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{max-width:1250px;margin:0 auto;padding:18px 18px 40px}.app-content{display:block}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{color:#fff;width:34px;height:34px;box-shadow:var(--shadow);background:linear-gradient(135deg,#6aa6ff,#2dd4bf);border-radius:10px;place-items:center;font-weight:800;display:grid}.brand-title{font-size:14px;font-weight:700}.brand-subtitle{color:var(--muted);font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}.pill{color:var(--muted);background:#eef4ff;border:1px solid #dbe7ff;border-radius:999px;padding:5px 9px;font-size:12px}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.btn-small{border-radius:10px;padding:7px 10px;font-size:13px}.btn-ghost{background:0 0}.btn-primary{color:#061027;background:linear-gradient(135deg,#6aa6ff,#2dd4bf);border-color:#0000;font-weight:700}.page-section{gap:16px;display:grid}.page-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}@media (max-width:900px){.topbar{flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap;width:100%}}.cases-layout{grid-template-columns:340px 1fr;align-items:start;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.panel-title{margin:0;font-size:14px;font-weight:700}.panel-body{padding:14px}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field-grow{flex:1}.label{color:var(--muted);font-size:12px}.input{width:100%;color:var(--text);background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:10px 11px}.input::placeholder{color:#94a3b8}.input:focus{border-color:#bcd0f7;box-shadow:0 0 0 3px #6aa6ff33}.two-columns{gap:10px;display:flex}.two-columns>*{flex:1}.results-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.results-title{margin:0;font-size:18px;font-weight:800}.results-subtitle{color:var(--muted);margin:6px 0 0;font-size:13px}.view-toggle{border:1px solid var(--line);background:#f8fafc;border-radius:12px;gap:8px;padding:4px;display:flex}.seg-button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:10px;padding:7px 10px}.seg-button-active{color:var(--text);background:#eaf2ff;border:1px solid #cfe0ff}.results-search-row{gap:10px;padding:12px 14px 0;display:flex}.active-filters{padding:12px 14px 0}.muted-text{color:var(--muted);font-size:12px}.results-body{padding:14px}.empty-state{background:#f8fafc;border:1px dashed #dbe3ef;border-radius:14px;padding:24px}.empty-state-title{margin:0 0 8px;font-size:16px}.empty-state-text{color:var(--muted);margin:0}@media (max-width:980px){.cases-layout{grid-template-columns:1fr}.results-search-row,.two-columns,.results-top{flex-direction:column;align-items:stretch}}.cards-grid{padding:14px}.cases-masonry{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.cases-column{flex-direction:column;gap:12px;display:flex}.cases-single-column{flex-direction:column;gap:12px;display:none}.case-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:border-color .15s,transform 80ms;overflow:hidden}.case-card-thumb{object-fit:cover;width:100%;height:140px;display:block}.case-card:hover{border-color:#bfd3f7}.case-card:active{transform:translateY(1px)}.case-card-body{flex-direction:column;gap:10px;padding:12px;display:flex}.case-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.case-card-main{min-width:0}.case-card-title{margin:0;font-size:14px;line-height:1.3}.case-card-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px;display:flex}.case-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.case-card-summary{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.case-card-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.badge{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px;font-size:11px}.badge-low{color:#065f46;background:#ecfdf5;border-color:#99f6e4}.badge-medium{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge-high{color:#991b1b;background:#fff1f2;border-color:#fecaca}.badge-critical{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.badge-draft{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.badge-review{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.badge-published{color:#065f46;background:#ecfdf5;border-color:#99f6e4}.badge-archived{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}@media (max-width:980px){.cases-masonry{display:none}.cases-single-column{display:flex}}.case-card-link{display:block}.dyn-section{border-top:1px dashed var(--line);margin-bottom:10px;padding:8px 0 2px}.dyn-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.dyn-chip{color:#1e3a8a;background:#eef4ff;border:1px solid #bcd0f7;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:3px 6px 3px 8px;font-size:11px;display:inline-flex}.dyn-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dyn-chip-remove{cursor:pointer;color:#64748b;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}.dyn-chip-remove:hover{color:#dc2626}.dyn-chip-unresolved{color:#78350f;background:#fffbeb;border-color:#fde68a}.dyn-chip-warn{color:#d97706;flex-shrink:0;margin-right:3px;font-size:11px;font-weight:700}.dyn-add-btn{color:var(--muted);border-color:#0000;padding:4px 6px;font-size:12px}.dyn-add-btn:hover{color:var(--accent)}.dyn-builder{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex}.dyn-builder-actions{gap:6px;margin-top:4px;display:flex}.dyn-checkbox-group{flex-direction:column;gap:6px;padding:4px 0;display:flex}.dyn-checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.filter-error-banner{background:#fff1f2;border:1px solid #fecaca;border-radius:10px;margin:10px 14px 0;padding:10px 12px}.filter-error-text{color:#991b1b;margin:0;font-size:12px;line-height:1.4}.filter-error-text+.filter-error-text{margin-top:4px}.dyn-section-error{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dyn-retry-btn{color:var(--accent);border-color:#0000;padding:2px 4px;font-size:12px}.dyn-no-options{margin:4px 0 0;font-size:12px}.proj-filter{width:100%}.proj-filter-btn{width:100%;color:var(--text);cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;font-family:inherit;font-size:14px;display:flex}.proj-filter-btn:focus{border-color:#bcd0f7;box-shadow:0 0 0 3px #6aa6ff33}.proj-filter-placeholder{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.proj-filter-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.proj-filter-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.proj-filter-clear:hover{color:#dc2626}.proj-filter-open{background:#fff;border:1px solid #bcd0f7;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.proj-filter-search{box-shadow:none!important;border:none!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important}.proj-filter-list{max-height:200px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.proj-filter-list li{margin:0;padding:0}.proj-filter-option{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:7px 11px;font-family:inherit;font-size:13px;display:block}.proj-filter-option:hover{background:#f1f5f9}.proj-filter-option-selected{color:#1e3a8a;background:#eef4ff;font-weight:500}.proj-filter-empty{color:#94a3b8;padding:7px 11px;font-size:13px}@media (max-width:980px){.dyn-builder{padding:8px}.dyn-chips{gap:4px}.dyn-chip{max-width:260px}}.case-layout{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.case-header{border-bottom:1px solid var(--line);padding:16px 16px 14px}.case-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.case-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.case-page-title{margin:0;font-size:22px;font-weight:800}.case-header-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.case-content{gap:16px;padding:16px;display:grid}.detail-section{background:#fafcff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.detail-section-title{margin:0 0 10px;font-size:15px}.detail-text{white-space:pre-wrap;margin:0;line-height:1.55}.meta-list{gap:10px;display:grid}.meta-row{grid-template-columns:110px 1fr;gap:10px;display:grid}.meta-key{color:var(--muted);font-size:12px}.meta-value{color:var(--text);font-size:14px}@media (max-width:980px){.case-layout{grid-template-columns:1fr}.case-title-row{flex-direction:column;align-items:stretch}}.cases-table-wrap{padding:14px;overflow-x:auto}.cases-table{border-collapse:collapse;width:100%;font-size:13px}.cases-table th{text-align:left;color:var(--muted);border-bottom:2px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}.cases-table td{vertical-align:top;border-bottom:1px solid var(--line);padding:10px}.cases-table-row{cursor:pointer;transition:background .1s}.cases-table-row:hover{background:#f8fafc}.cases-table-row:last-child td{border-bottom:none}.cases-table-title-cell{min-width:200px;max-width:360px}.cases-table-title-link{color:var(--text);font-size:13px;font-weight:600;line-height:1.35;text-decoration:none;display:block}.cases-table-title-link:hover{color:var(--accent);text-decoration:underline}.cases-table-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;display:flex}.cases-table-id{color:var(--muted);font-size:11px}.cases-table-tag{padding:2px 6px;font-size:10px}.cases-table-more{color:var(--muted);font-size:11px}.cases-table-cell{vertical-align:middle}.cases-table-text{color:var(--text);white-space:nowrap;font-size:13px}.cases-table-subtext{color:var(--muted);margin-top:2px;font-size:11px;display:block}.cases-table-dash{color:var(--muted)}.cases-table-date{color:var(--muted);white-space:nowrap;font-size:12px}