*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}.topic-form{height:100%}.topic-form h2{margin-bottom:28px;color:#111827;font-size:1.5rem;font-weight:500;letter-spacing:-.01em;border-bottom:none;padding-bottom:0}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:10px;color:#111827;font-size:.95rem;letter-spacing:-.01em}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:4px;font-size:.95rem;transition:border-color .2s;background:#fff;color:#111827}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#111827;background:#fff}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.checkbox-label{display:inline-flex;align-items:center;padding:8px 14px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;color:#374151}.checkbox-label:hover{background:#f9fafb;border-color:#9ca3af}.checkbox-label input[type=checkbox]{margin-right:6px;cursor:pointer}.checkbox-label input[type=checkbox]:checked+span{font-weight:500;color:#111827}.button-group{display:flex;gap:10px;margin-top:24px}.btn{flex:1;padding:14px 24px;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;letter-spacing:-.01em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#111827;color:#fff}.btn-primary:hover:not(:disabled){background:#1f2937}.btn-secondary{background:#fff;color:#111827;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.message{margin-top:16px;padding:14px;border-radius:4px;background:#f0fdf4;border-left:3px solid #22c55e;color:#166534;font-size:.9rem}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.dialog-content{background:#fff;border-radius:4px;box-shadow:0 20px 60px #00000026;min-width:420px;max-width:500px;animation:slideUp .3s ease-out}.dialog-header{padding:24px 28px;border-bottom:1px solid #e5e7eb}.dialog-header h3{color:#111827;font-size:1.25rem;font-weight:500;margin:0;letter-spacing:-.01em}.dialog-body{padding:28px}.dialog-body p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0}.dialog-footer{padding:20px 28px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.dialog-btn{padding:12px 24px;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;letter-spacing:-.01em}.dialog-btn-cancel{background:#fff;color:#111827;border:1px solid #d1d5db}.dialog-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.dialog-btn-confirm{background:#111827;color:#fff}.dialog-btn-confirm:hover{background:#1f2937}.toast{position:fixed;top:80px;right:20px;padding:16px 24px;border-radius:4px;box-shadow:0 4px 20px #0000001f;display:flex;align-items:center;gap:12px;z-index:2000;animation:slideInRight .3s ease-out;min-width:320px;border:1px solid #e5e7eb}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#fff;color:#111827;border-left:3px solid #22c55e}.toast-error{background:#fff;color:#111827;border-left:3px solid #111827}.toast-info{background:#fff;color:#111827;border-left:3px solid #6b7280}.toast-icon{font-size:1.2rem;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#111827}.toast-success .toast-icon{background:#dcfce7;color:#22c55e}.toast-error .toast-icon{background:#f3f4f6;color:#111827}.toast-message{flex:1;font-size:.95rem;font-weight:400;color:#111827}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.keyword-detail-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #e5e7eb}.modal-title-section h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280}.modal-close-btn{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px 28px;overflow-y:auto;flex:1}.empty-message{text-align:center;color:#9ca3af;padding:40px 0;font-size:15px}.keyword-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:28px}.overview-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:10px;padding:16px;text-align:center}.overview-label{font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:500}.overview-value{font-size:28px;font-weight:700;color:#111827}.keyword-groups-container{display:flex;flex-direction:column;gap:24px}.keyword-group-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.keyword-group-section.risk-section{background:#fef2f2;border-color:#fecaca}.keyword-group-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.risk-section .keyword-group-title{border-bottom-color:#fecaca}.group-icon{font-size:18px}.group-label{font-size:15px;font-weight:600;color:#111827}.group-count{font-size:13px;color:#6b7280;margin-left:auto}.keyword-tags-container{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag-large{display:inline-block;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1.5px solid;transition:all .2s;cursor:default}.keyword-tag-large:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.keyword-tag-large.risk-tag{background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.keyword-tag-large.risk-tag:hover{background-color:#fecaca}@media(max-width:768px){.keyword-detail-modal{width:95%;max-height:90vh}.modal-header,.modal-body{padding:20px}.keyword-overview{grid-template-columns:repeat(2,1fr)}.overview-value{font-size:24px}.keyword-group-section{padding:16px}.keyword-tag-large{padding:6px 12px;font-size:12px}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.keyword-optimizer{background:#f0f9ff;border-radius:8px;padding:16px;border:1px solid #bae6fd}.keyword-optimizer-header{margin-bottom:8px}.keyword-optimizer-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.keyword-optimizer-description{font-size:14px;color:#6b7280;margin:0 0 16px}.keyword-optimizer-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:12px;color:#dc2626;font-size:14px;margin-bottom:12px}.keyword-optimizer-result{background:#fff;border-radius:6px;padding:12px;margin-bottom:12px;border:1px solid #e0f2fe}.result-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.result-label{color:#6b7280}.result-value{font-weight:600;color:#374151}.result-value.highlight{color:#0ea5e9;font-size:16px}.result-suggestions{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.suggestion-summary{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.suggestion-category{color:#6b7280}.suggestion-count{color:#0ea5e9;font-weight:600}.keyword-optimize-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.keyword-optimize-btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.keyword-optimize-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;display:flex;flex-direction:column}.suggestions-modal{width:100%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-error{margin:16px 24px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.modal-body{flex:1;overflow-y:auto;padding:20px 24px}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner-large{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.modal-empty{text-align:center;padding:60px 20px;color:#6b7280}.modal-empty p{margin:8px 0}.modal-empty-hint{font-size:14px;color:#9ca3af}.suggestions-list{display:flex;flex-direction:column;gap:20px}.suggestion-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.suggestion-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.suggestion-info{display:flex;align-items:center;gap:12px}.suggestion-category{font-size:14px;font-weight:600;color:#374151}.suggestion-status{font-size:12px;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px}.suggestion-count-badge{font-size:13px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:12px;font-weight:600}.keywords-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.keyword-suggestion-item{background:#fff;border:2px solid #e5e7eb;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s}.keyword-suggestion-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.keyword-suggestion-item.selected{border-color:#3b82f6;background:#eff6ff}.keyword-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.keyword-checkbox{display:flex;align-items:center;gap:8px}.keyword-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.keyword-text{font-size:15px;font-weight:600;color:#111827}.keyword-priority{font-size:12px;padding:2px 8px;border:1px solid;border-radius:4px;font-weight:600}.keyword-suggestion-details{padding-left:26px}.keyword-suggestion-details p{margin:6px 0;font-size:13px;color:#6b7280;line-height:1.5}.keyword-suggestion-details strong{color:#374151}.keyword-reason{color:#374151!important}.suggestion-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.selected-count{font-size:14px;color:#6b7280}.apply-btn{padding:8px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.apply-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.topic-list{height:100%;display:flex;flex-direction:column}.topic-list h3{color:#111827;font-size:1.5rem;font-weight:500;margin-bottom:24px;padding-bottom:0;border-bottom:none;letter-spacing:-.01em}.topic-list-loading,.topic-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af}.topic-list-empty .hint{font-size:.9rem;color:#d1d5db;margin-top:8px}.topics{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 300px)}.topic-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:4px;padding:16px;cursor:pointer;transition:all .2s}.topic-item:hover{border-color:#d1d5db;background:#f5f5f5}.topic-item.active{background:#fff;border-color:#d97706;border-width:2px;padding:15px;box-shadow:0 1px 3px #d977060f}.topic-item.active .topic-item-header h4{color:#111827;font-weight:600}.topic-item.active .topic-id{color:#6b7280}.topic-item.active .topic-update{background:#fef3c7;color:#b45309;font-weight:500}.topic-item.active .delete-btn{color:#9ca3af}.topic-item.active .delete-btn:hover{color:#111827}.topic-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.topic-item-header h4{color:#111827;font-size:1rem;font-weight:500;margin:0;flex:1;padding-right:8px;letter-spacing:-.01em}.delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;padding:0 4px;line-height:1;transition:color .2s}.delete-btn:hover{color:#111827}.topic-item-meta{display:flex;gap:10px;margin-bottom:8px;font-size:.85rem}.topic-id{color:#6b7280;font-family:monospace;font-size:.8rem}.topic-update{color:#6b7280;background:#fff;padding:2px 8px;border-radius:3px;font-size:.8rem}.topic-item-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#111827;color:#fff;padding:4px 10px;border-radius:3px;font-size:.75rem;font-weight:400}.topic-item.active .tag{background:#111827;color:#fff}.domain-tag,.topic-item.active .domain-tag{background:#374151}.topic-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topic-list-header h3{margin:0}.view-suggestions-btn{padding:8px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.view-suggestions-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.topic-item.expanded{background:#fff;border-color:#3b82f6}.topic-item-main{width:100%}.advanced-settings-btn{width:100%;margin-top:12px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.advanced-settings-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.topic-item.expanded .advanced-settings-btn{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.topic-advanced-panel{margin-top:16px;padding-top:16px;border-top:2px solid #e5e7eb}.advanced-panel-divider{height:1px;background:#e5e7eb;margin:16px 0}.risk-radar-chart{display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:4px;padding:20px;border:1px solid #e5e7eb;min-height:320px;width:100%}.tag-explanation-modal{max-width:700px;max-height:80vh;overflow-y:auto}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-title-section h2{margin:0;font-size:20px;font-weight:600}.priority-badge,.lifecycle-badge,.conflict-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;color:#fff}.conflict-badge{background-color:#8b5cf6}.view-mode-toggle{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid #e5e7eb}.view-mode-toggle button{padding:6px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.view-mode-toggle button:hover{background:#f9fafb}.view-mode-toggle button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.simple-view{padding:20px 24px}.info-card{background:#f9fafb;border-radius:8px;padding:16px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#6b7280;font-weight:500;min-width:100px}.info-value{font-size:14px;color:#111827;text-align:right;flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.score-value{font-size:24px;font-weight:700;color:#3b82f6}.dimension-score{margin-left:8px;font-weight:600}.reason-text{line-height:1.6;text-align:right}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.actions-section{margin-top:20px}.actions-section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#111827}.actions-list{display:flex;flex-direction:column;gap:12px}.action-item{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.action-timeframe{font-size:12px;font-weight:600;color:#3b82f6;white-space:nowrap;min-width:80px}.action-text{font-size:14px;color:#374151;line-height:1.5}.detailed-view{padding:0}.tab-navigation{display:flex;gap:0;border-bottom:2px solid #e5e7eb;padding:0 24px}.tab-navigation button{padding:12px 20px;border:none;background:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-navigation button:hover{color:#111827}.tab-navigation button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{padding:24px;min-height:300px}.score-card{display:flex;flex-direction:column;gap:24px}.score-main{text-align:center;padding:24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff}.score-label{display:block;font-size:14px;opacity:.9;margin-bottom:8px}.score-big{font-size:48px;font-weight:700}.score-max{font-size:24px;opacity:.8}.score-calculation{background:#f9fafb;padding:16px;border-radius:8px}.score-calculation h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#111827}.calculation-formula{font-family:Courier New,monospace;font-size:14px;color:#374151;background:#fff;padding:12px;border-radius:6px;margin-bottom:12px}.calculation-weights{display:flex;gap:16px}.weight-item{flex:1;display:flex;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:6px;font-size:13px}.weight-label{color:#6b7280}.weight-value{font-weight:600;color:#3b82f6}.score-reason{background:#fef3c7;padding:16px;border-radius:8px;border-left:4px solid #f59e0b}.score-reason h4{font-size:14px;font-weight:600;margin-bottom:8px;color:#92400e}.score-reason p{font-size:14px;color:#78350f;line-height:1.6;margin:0}.dimensions-list{display:flex;flex-direction:column;gap:20px}.dimension-item{display:flex;flex-direction:column;gap:8px}.dimension-header{display:flex;justify-content:space-between;align-items:center}.dimension-name{font-size:14px;font-weight:500;color:#111827}.dimension-score-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff}.dimension-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.dimension-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.actions-detailed-list{display:flex;flex-direction:column;gap:16px}.action-detailed-item{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.action-timeframe-badge{padding:4px 12px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;height:fit-content}.action-content{font-size:14px;color:#374151;line-height:1.6;flex:1}.status-card{display:flex;flex-direction:column;gap:24px}.status-main{text-align:center;padding:32px}.status-icon{display:inline-block;padding:12px 24px;border-radius:24px;font-size:18px;font-weight:600;color:#fff}.status-details{display:flex;flex-direction:column;gap:16px}.detail-item{display:flex;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:6px}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#111827;font-weight:500}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:grid;grid-template-columns:140px 100px 1fr;gap:16px;padding:12px;background:#f9fafb;border-radius:6px;align-items:center}.history-time{font-size:13px;color:#6b7280}.status-badge-small{display:inline-block;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:500;color:#fff}.history-trigger{font-size:13px;color:#374151}.timeline-container{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:16px}.timeline-marker{display:flex;flex-direction:column;align-items:center;padding-top:4px}.timeline-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.timeline-line{width:2px;flex:1;background:#e5e7eb;margin:4px 0;min-height:40px}.timeline-content{flex:1;padding-bottom:24px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.timeline-status{font-size:14px;font-weight:600}.timeline-time{font-size:12px;color:#6b7280}.timeline-description{font-size:13px;color:#6b7280;line-height:1.5}.conflict-overview{display:flex;flex-direction:column;gap:24px}.overview-section h4{font-size:15px;font-weight:600;margin-bottom:12px;color:#111827}.parties-grid,.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.party-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;text-align:center}.party-icon{font-size:32px}.party-name{font-size:14px;font-weight:500;color:#111827}.dimension-card{padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:14px;color:#1e40af;font-weight:500;text-align:center}.why-conflict-text{font-size:14px;color:#374151;line-height:1.6;padding:16px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b;margin:0}.core-actions-list{display:flex;flex-direction:column;gap:12px}.core-action-item{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #ef4444}.action-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.strategies-list{display:flex;flex-direction:column;gap:12px}.strategy-item{display:flex;gap:12px;padding:16px;background:#f0fdf4;border-radius:8px;border-left:4px solid #22c55e}.strategy-icon{font-size:24px;flex-shrink:0}.strategy-text{font-size:14px;color:#374151;line-height:1.6;flex:1}.parties-list,.dimensions-list-simple{display:flex;flex-wrap:wrap;gap:6px}.party-tag,.dimension-tag{padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;font-size:12px;color:#1e40af;font-weight:500}.conflict-yes{color:#ef4444;font-weight:600}.no-data{text-align:center;color:#9ca3af;font-size:14px;padding:40px 20px}@media(max-width:768px){.tag-explanation-modal{max-width:95vw;max-height:90vh}.history-item{grid-template-columns:1fr;gap:8px}.parties-grid,.dimensions-grid{grid-template-columns:1fr}}.event-list{height:100%;display:flex;flex-direction:column}.event-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;border-bottom:1px solid #e5e7eb;padding-bottom:16px;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-right{display:flex;align-items:center;gap:16px}.last-update-time{color:#6b7280;font-size:.9rem;white-space:nowrap}.btn-refresh{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#111827;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-refresh:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-refresh:disabled{background:#d1d5db;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.event-list-header h2{color:#111827;font-size:1.5rem;font-weight:500;margin:0;letter-spacing:-.02em}.mock-badge,.webz-badge{display:none}.event-count{background:#111827;color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:400}.event-list-empty,.event-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#9ca3af;padding:60px 20px}.event-list-empty p,.event-list-loading p{margin:12px 0;font-size:1.1rem}.hint{font-size:.9rem!important;color:#d1d5db!important}.spinner{border:3px solid #f3f3f3;border-top:3px solid #111827;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.events{display:flex;flex-direction:column;gap:20px}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;transition:all .2s;position:relative}.ribbon-badge{position:absolute;top:15px;right:-30px;width:120px;padding:5px 0;text-align:center;font-size:.75rem;font-weight:600;color:#fff;transform:rotate(45deg);z-index:10;box-shadow:0 2px 8px #00000026;letter-spacing:.5px}.new-ribbon{background:linear-gradient(135deg,#10b981,#059669)}.updated-ribbon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.event-card:hover{box-shadow:0 2px 8px #0000000f;border-color:#d1d5db}.event-header{padding:20px 24px;cursor:pointer}.event-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.event-title-row h3{flex:1;font-size:1.15rem;font-weight:500;color:#111827;margin:0;padding-right:12px;letter-spacing:-.01em;line-height:1.4}.expand-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;transition:transform .2s}.expand-btn:hover{color:#111827;transform:scale(1.05)}.event-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.event-meta-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.risk-badge{padding:5px 14px;border-radius:20px;font-size:.85rem;font-weight:400}.event-date{color:#6b7280;font-size:.9rem}.impact-tags{display:flex;flex-wrap:wrap;gap:8px}.impact-tag{background:#f3f4f6;color:#374151;padding:5px 12px;border-radius:3px;font-size:.85rem}.event-detail{padding:0 24px 24px;border-top:1px solid #f3f4f6;animation:slideDown .2s ease-out}.detail-section{margin-top:20px}.detail-section h4{color:#111827;font-size:1rem;font-weight:500;margin-bottom:10px;letter-spacing:-.01em}.detail-section p{color:#4b5563;line-height:1.7;margin:0;font-size:.95rem}.impact-timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:30px}.impact-timeline:before{content:"";position:absolute;left:19px;top:30px;bottom:30px;width:2px;background:linear-gradient(to bottom,#fbbf24,#3b82f6,#8b5cf6)}.timeline-item{display:flex;gap:16px;position:relative}.timeline-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026;position:relative;z-index:1}.timeline-item.short-term .timeline-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.timeline-item.mid-term .timeline-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.timeline-item.long-term .timeline-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.timeline-content{flex:1;background:#fff;border-radius:8px;padding:16px 18px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;transition:all .3s ease}.timeline-content:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.timeline-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.timeline-badge{font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:12px;color:#fff}.timeline-item.short-term .timeline-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.timeline-item.mid-term .timeline-badge{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.timeline-item.long-term .timeline-badge{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.timeline-period{font-size:.8rem;color:#9ca3af;font-weight:500}.timeline-text{font-size:.9rem;color:#4b5563;line-height:1.6;margin:0}.impact-analysis{display:flex;flex-direction:column;gap:14px}.impact-item{background:#f9fafb;padding:14px;border-radius:4px;border-left:2px solid #111827}.impact-item strong{color:#111827;display:block;margin-bottom:6px;font-weight:500}.impact-item p{font-size:.9rem;color:#4b5563}.entities{display:flex;flex-wrap:wrap;gap:8px}.entity-tag{background:#111827;color:#fff;padding:6px 14px;border-radius:3px;font-size:.85rem;font-weight:400}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:14px}.source-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.source-new-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 10px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 6px #f59e0b4d;z-index:10}.source-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#3b82f6}.source-card-link{display:block;padding:14px 16px;text-decoration:none;color:inherit}.source-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.source-title{flex:1;font-size:.9rem;font-weight:500;color:#111827;line-height:1.4}.source-icon{flex-shrink:0;color:#6b7280;transition:color .2s}.source-card:hover .source-icon{color:#3b82f6}.source-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:.8rem;color:#6b7280}.source-name{font-weight:500}.source-date{color:#9ca3af}.source-summary-section{padding:0 16px 14px;margin-top:8px}.source-summary-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 0;background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.source-summary-toggle:hover{color:#2563eb}.source-summary-toggle svg{flex-shrink:0}.source-summary{margin:10px 0 0;padding:12px;background:#f9fafb;border-radius:4px;font-size:.85rem;line-height:1.6;color:#4b5563;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.source-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.source-keyword-tag{display:inline-block;padding:3px 10px;background:#eff6ff;color:#3b82f6;border-radius:12px;font-size:.75rem;font-weight:500}.source-risk-bar{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}.source-risk-label{font-size:.75rem;color:#6b7280;font-weight:500;min-width:35px}.source-risk-progress{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.source-risk-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);border-radius:3px;transition:width .3s ease}.source-risk-value{font-size:.75rem;color:#374151;font-weight:600;min-width:35px;text-align:right}.sources{display:flex;flex-direction:column;gap:10px}.source-link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#111827;text-decoration:none;transition:all .2s}.source-link:hover{background:#111827;color:#fff;border-color:#111827}.source-link span{font-size:.9rem}.lifecycle-badge{padding:5px 14px;border-radius:20px;font-size:.85rem;font-weight:400}.risk-scores-inline{display:flex;gap:4px;align-items:center}.mini-score-bar{width:60px;height:8px;background:#e5e7eb;border-radius:4px;overflow:visible;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease}.mini-score-bar:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.mini-score-bar:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);background:#1f2937;color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;box-shadow:0 2px 8px #00000026}.mini-score-bar:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);border:4px solid transparent;border-top-color:#1f2937;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.mini-score-bar:hover:after,.mini-score-bar:hover:before{opacity:1;transform:translate(-50%) translateY(-8px)}.mini-score-bar:hover:before{transform:translate(-50%) translateY(-2px)}.mini-score-fill{height:100%;border-radius:4px;transition:width .3s ease}.mini-score-fill.severity{background:#f59e0b}.mini-score-fill.credibility{background:#3b82f6}.mini-score-fill.impact{background:#8b5cf6}.mini-score-fill.trend{background:#10b981}.risk-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.risk-tag{background:#dbeafe;color:#1e40af;padding:5px 12px;border-radius:3px;font-size:.85rem;font-weight:400}.event-stats{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280}.stat-item svg{color:#9ca3af}.stat-item.active{color:#10b981;font-weight:500}.stat-item.inactive{color:#ef4444;font-weight:500}.risk-assessment-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.risk-radar-container{display:flex;align-items:center;justify-content:center}.risk-assessment-table{display:flex;flex-direction:column;gap:14px}.risk-assessment-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:12px}.assessment-item{background:#f9fafb;padding:14px;border-radius:4px;border-left:3px solid #111827}.assessment-item.severity-item{border-left-color:#f59e0b}.assessment-item.credibility-item{border-left-color:#3b82f6}.assessment-item.impact-item{border-left-color:#8b5cf6}.assessment-item.trend-item{border-left-color:#10b981}.assessment-item strong{color:#111827;display:block;margin-bottom:6px;font-weight:500;font-size:.95rem}.assessment-item p{font-size:.85rem;color:#6b7280;margin:0;line-height:1.5}.lifecycle-flow{display:flex;align-items:flex-start;justify-content:center;padding:20px 12px;background:#fafbfc;border-radius:6px;border:1px solid #e5e7eb;margin:12px 0 16px;overflow-x:auto;gap:6px}.lifecycle-stage{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:all .3s ease;min-width:80px}.stage-dot{width:28px;height:28px;border-radius:50%;border:2px solid #d1d5db;background:#fff;transition:all .3s ease;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.stage-label{font-size:.75rem;font-weight:500;color:#6b7280;white-space:nowrap;transition:all .3s ease}.stage-time{font-size:.7rem;color:#9ca3af;white-space:nowrap;margin-top:2px}.lifecycle-stage.detected.active .stage-dot{width:32px;height:32px;border-color:#4caf50;background:#4caf50;box-shadow:0 2px 8px #4caf504d}.lifecycle-stage.detected.active .stage-label{color:#4caf50;font-weight:600}.lifecycle-stage.detected.active .stage-time{color:#4caf50}.lifecycle-stage.detected.completed .stage-dot{border-color:#4caf50;background:#4caf50}.lifecycle-stage.detected.completed .stage-label{color:#4caf50}.lifecycle-stage.developing.active .stage-dot{width:32px;height:32px;border-color:#2196f3;background:#2196f3;box-shadow:0 2px 8px #2196f34d}.lifecycle-stage.developing.active .stage-label{color:#2196f3;font-weight:600}.lifecycle-stage.developing.active .stage-time{color:#2196f3}.lifecycle-stage.developing.completed .stage-dot{border-color:#2196f3;background:#2196f3}.lifecycle-stage.developing.completed .stage-label{color:#2196f3}.lifecycle-stage.escalated.active .stage-dot{width:32px;height:32px;border-color:#f44336;background:#f44336;box-shadow:0 2px 8px #f443364d}.lifecycle-stage.escalated.active .stage-label{color:#f44336;font-weight:600}.lifecycle-stage.escalated.active .stage-time{color:#f44336}.lifecycle-stage.escalated.completed .stage-dot{border-color:#f44336;background:#f44336}.lifecycle-stage.escalated.completed .stage-label{color:#f44336}.lifecycle-stage.stabilized.active .stage-dot{width:32px;height:32px;border-color:#ff9800;background:#ff9800;box-shadow:0 2px 8px #ff98004d}.lifecycle-stage.stabilized.active .stage-label{color:#ff9800;font-weight:600}.lifecycle-stage.stabilized.active .stage-time{color:#ff9800}.lifecycle-stage.stabilized.completed .stage-dot{border-color:#ff9800;background:#ff9800}.lifecycle-stage.stabilized.completed .stage-label{color:#ff9800}.lifecycle-stage.closed.active .stage-dot{width:32px;height:32px;border-color:#757575;background:#757575;box-shadow:0 2px 8px #7575754d}.lifecycle-stage.closed.active .stage-label{color:#757575;font-weight:600}.lifecycle-stage.closed.active .stage-time{color:#757575}.lifecycle-stage.closed.completed .stage-dot{border-color:#757575;background:#757575}.lifecycle-stage.closed.completed .stage-label{color:#757575}.lifecycle-stage.active .stage-dot:after{content:"";width:10px;height:10px;background:#fff;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}.lifecycle-stage.completed .stage-dot:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.lifecycle-stage.pending .stage-dot{border-color:#e5e7eb;background:#f9fafb}.stage-connector{flex:0 0 40px;height:2px;background:#e5e7eb;position:relative;top:14px;transition:background .3s ease}.lifecycle-stage.completed+.stage-connector{background:currentColor}.lifecycle-stage.detected.completed+.stage-connector{background:#4caf50}.lifecycle-stage.developing.completed+.stage-connector{background:#2196f3}.lifecycle-stage.escalated.completed+.stage-connector{background:#f44336}.lifecycle-stage.stabilized.completed+.stage-connector{background:#ff9800}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.lifecycle-timeline{display:flex;flex-direction:column;gap:12px;margin:14px 0;padding:16px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.timeline-entry{display:grid;grid-template-columns:120px 180px 1fr;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.timeline-entry:last-child{border-bottom:none}.timeline-status{font-size:.9rem;font-weight:500}.timeline-time{font-size:.85rem;color:#6b7280}.timeline-trigger{font-size:.85rem;color:#4b5563}.lifecycle-stats{display:flex;justify-content:space-between;margin-top:12px;font-size:.75rem;color:#9ca3af;flex-wrap:wrap;gap:12px}.lifecycle-stats span{display:flex;align-items:center;gap:4px;font-weight:400}.related-events{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.related-event-id{background:#fef3c7;color:#92400e;padding:6px 14px;border-radius:3px;font-size:.85rem;font-weight:400;font-family:Courier New,monospace}@media(max-width:768px){.lifecycle-flow{padding:16px 8px;gap:4px}.lifecycle-stage{gap:4px;min-width:70px}.stage-dot{width:24px;height:24px;border-width:2px}.lifecycle-stage.active .stage-dot{width:28px;height:28px}.lifecycle-stage.active .stage-dot:after{width:8px;height:8px}.lifecycle-stage.completed .stage-dot:after{font-size:12px}.stage-label{font-size:.7rem}.stage-time{font-size:.65rem}.stage-connector{flex:0 0 30px;height:2px;top:12px}.lifecycle-stats{font-size:.7rem;gap:8px}.timeline-entry{grid-template-columns:1fr;gap:6px}.risk-assessment-preview{grid-template-columns:repeat(2,1fr);gap:10px}.risk-assessment-split{grid-template-columns:1fr;gap:16px}.event-stats{gap:12px}.impact-timeline{padding-left:20px}.impact-timeline:before{left:14px}.timeline-icon{width:32px;height:32px}.timeline-content{padding:12px 14px}}.priority-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap;cursor:pointer}.geopolitical-badge{padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.geopolitical-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #92400e4d;filter:brightness(.95)}.clickable-badge{cursor:pointer;transition:all .2s}.clickable-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;filter:brightness(1.05)}.tags-section{margin-top:12px;display:flex;flex-direction:column;gap:8px}.country-tags{display:flex;flex-wrap:wrap;gap:6px}.country-tag{padding:3px 10px;background:#e0f2fe;color:#075985;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}.risk-thread-tag{display:inline-flex}.thread-badge{padding:4px 12px;background:#f3e8ff;color:#6b21a8;border-radius:12px;font-size:.85rem;font-weight:500}.business-impact-circles{display:flex;gap:0;margin-top:16px;justify-content:space-between;width:100%;background:linear-gradient(135deg,#fafbfc,#f5f7f9);border:1px solid #e8eaed;border-radius:12px;padding:16px 0;box-shadow:0 1px 3px #0000000d}.impact-circle-item{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;padding:0 20px;min-width:0;position:relative}.impact-circle-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60px;background:#e2e8f0}.circle-label-left{font-size:.9rem;font-weight:500;color:#64748b;flex-shrink:0;white-space:nowrap}.circle-progress{transform:rotate(0)}.circle-bg{stroke:#e5e7eb}.circle-bar{transition:stroke-dasharray .6s ease;stroke-linecap:round}.circle-bar.supply-chain{stroke:#3b82f6}.circle-bar.rd{stroke:#8b5cf6}.circle-bar.it{stroke:#10b981}.circle-bar.market{stroke:#f59e0b}.circle-bar.compliance{stroke:#ef4444}.business-impact-circles.five-dimensions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.business-impact-circles.five-dimensions .impact-circle-item{flex:0 0 calc(20% - 8px);min-width:80px;padding:8px 4px;flex-direction:column;align-items:center}.business-impact-circles.five-dimensions .circle-wrapper{width:70px;height:70px}.business-impact-circles.five-dimensions .circle-label-left{font-size:.75rem;white-space:nowrap;margin-bottom:4px}.business-impact-circles.five-dimensions .circle-percent{font-size:.85rem}.impact-circle-item{position:relative}.circle-wrapper{position:relative;width:80px;height:80px;flex-shrink:0;cursor:help}.circle-wrapper:hover .impact-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.impact-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(5px);background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;line-height:1.4;white-space:normal;width:max-content;max-width:200px;text-align:center;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 12px #00000026}.impact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b}.impact-reason{display:none}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.circle-percent{font-size:1rem;font-weight:700;color:#1e293b}.circle-label{font-size:.85rem;font-weight:500;color:#64748b;text-align:center;white-space:nowrap}@media(max-width:768px){.business-impact-circles{flex-direction:column;gap:16px}.impact-circle-item{padding:0}.business-impact-circles.five-dimensions{flex-direction:row;flex-wrap:wrap;gap:12px}.business-impact-circles.five-dimensions .impact-circle-item{flex:0 0 calc(33.33% - 12px);min-width:70px}}.business-impact-inline{display:flex;gap:20px;margin-top:12px;align-items:center}.impact-item-inline{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.impact-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.impact-label-inline{font-size:.9rem;font-weight:500;color:#64748b;white-space:nowrap}.impact-percent-inline{font-size:.9rem;font-weight:700;color:#1e293b;margin-left:8px}.impact-bar-inline{height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a;cursor:help;transition:all .2s ease}.impact-bar-inline:hover{box-shadow:inset 0 1px 3px #00000026,0 0 0 2px #3b82f64d;transform:translateY(-1px)}.impact-fill-inline{height:100%;border-radius:12px;transition:width .5s ease;position:relative}.impact-fill-inline:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:12px}.impact-fill-inline.supply-chain{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.impact-fill-inline.rd{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.impact-fill-inline.it{background:linear-gradient(90deg,#10b981,#34d399)}.business-impact-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.impact-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.impact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.impact-icon{font-size:2rem;margin-bottom:8px}.impact-label{font-size:.85rem;color:#64748b;font-weight:500;margin-bottom:6px}.impact-score-large{font-size:2rem;font-weight:700;color:#1e293b;line-height:1;display:inline-block}.impact-score-max{font-size:.9rem;color:#94a3b8;display:inline-block;margin-left:2px}.impact-mini-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-top:10px}.impact-mini-fill{height:100%;border-radius:3px;transition:width .4s ease}.impact-mini-fill.supply-chain{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.impact-mini-fill.rd{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.impact-mini-fill.it{background:linear-gradient(90deg,#10b981,#34d399)}.category-impact-compact{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.category-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;font-size:.9rem;transition:all .2s ease;border:none;box-shadow:0 1px 3px #00000014}.category-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.category-badge .category-name{font-weight:500;color:#1e293b}.category-badge .category-score{font-weight:700;font-size:1.1rem}.category-badge.critical{background:linear-gradient(135deg,#fee2e2,#fecaca)}.category-badge.critical .category-score{color:#dc2626}.category-badge.high{background:linear-gradient(135deg,#fef3c7,#fde68a)}.category-badge.high .category-score{color:#d97706}.category-badge.medium{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.category-badge.medium .category-score{color:#2563eb}.category-badge.low{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.category-badge.low .category-score{color:#059669}.business-impact-scores,.category-impact-scores{display:flex;flex-direction:column;gap:16px;margin-top:12px}.impact-score-item,.category-score-item{display:flex;flex-direction:column;gap:8px}.score-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#374151}.score-value{font-weight:600;color:#111827}.score-bar{height:24px;background:#f3f4f6;border-radius:12px;overflow:hidden;position:relative}.score-fill{height:100%;border-radius:12px;transition:width .3s ease}.score-fill.supply-chain{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.score-fill.rd{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.score-fill.it{background:linear-gradient(90deg,#10b981,#34d399)}.score-fill.category{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.geopolitical-section{background:#fef9e7;border-left:4px solid #f59e0b;padding:16px!important}.geopolitical-info{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.geo-row{display:flex;flex-direction:column;gap:8px}.geopolitical-info-compact{display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:16px;background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px}.geo-compact-row{display:flex;flex-direction:column;gap:8px}.geo-compact-row strong{color:#111827;font-size:.9rem;font-weight:500}.geo-compact-row ol{margin:4px 0 0;padding-left:24px}.geo-compact-row li{margin-bottom:6px;line-height:1.6;color:#4b5563;font-size:.9rem}.geo-parties,.geo-dimensions{display:flex;flex-wrap:wrap;gap:8px}.party-badge{padding:4px 12px;background:#fee2e2;color:#991b1b;border-radius:12px;font-size:.85rem;font-weight:500}.dimension-badge{padding:4px 12px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:.85rem;font-weight:500}.geo-actions,.geo-strategies{margin-top:12px}.geo-actions ol,.geo-strategies ol{margin-top:8px;padding-left:24px}.geo-actions li,.geo-strategies li{margin-bottom:8px;line-height:1.6;color:#374151}.extraction-summary{padding:12px;background:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:4px;margin-bottom:16px;line-height:1.6}.extracted-impacts{display:flex;flex-direction:column;gap:12px}.extracted-impact-item{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.impact-header{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.severity-badge{padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.severity-高{background:#fee2e2;color:#991b1b}.severity-中{background:#fef3c7;color:#92400e}.severity-低{background:#d1fae5;color:#065f46}.category-badge,.timeframe-badge{padding:2px 8px;background:#e0e7ff;color:#3730a3;border-radius:10px;font-size:.75rem;font-weight:500}.impact-description{margin:8px 0;line-height:1.6;color:#374151}.impact-source{font-size:.85rem;color:#6b7280;font-style:italic}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{padding:14px;border-radius:8px;border:1px solid #e5e7eb}.recommendation-item.actionable{background:#ecfdf5;border-color:#10b981}.recommendation-item.info{background:#f3f4f6}.rec-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:center}.rec-type-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.rec-type-badge.专家建议{background:#dbeafe;color:#1e40af}.rec-type-badge.企业措施{background:#fce7f3;color:#9f1239}.rec-type-badge.政策指导{background:#fef3c7;color:#92400e}.actionable-badge{padding:3px 8px;background:#10b981;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.rec-content{margin:10px 0;line-height:1.7;color:#111827;font-size:.95rem}.rec-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#6b7280}.rec-source,.rec-target{font-style:italic}.disclaimer-section{background:#fef9e7;border:1px dashed #f59e0b;border-radius:8px;padding:12px!important}.disclaimer{margin:0;line-height:1.6;color:#92400e;font-size:.9rem}@media(max-width:768px){.tags-section{gap:6px}.country-tag,.thread-badge{font-size:.75rem;padding:3px 8px}.business-impact-inline{flex-direction:column;gap:12px;align-items:stretch}.impact-item-inline{gap:6px}.impact-label-inline{font-size:.85rem}.impact-bar-inline{height:20px}.business-impact-compact{grid-template-columns:1fr;gap:10px}.impact-card{padding:14px 10px}.impact-icon{font-size:1.5rem}.impact-score-large{font-size:1.6rem}.category-badge{padding:6px 12px;font-size:.85rem}.business-impact-scores,.category-impact-scores{gap:12px}.score-bar{height:20px}.geopolitical-section{padding:12px!important}.recommendation-item{padding:12px}}.source-impacts-section{padding:0 16px 14px;margin-top:8px}.source-impacts-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 0;background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.source-impacts-toggle:hover{color:#2563eb}.source-impacts-toggle svg{flex-shrink:0}.source-impacts-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.source-impact-item{padding:10px;background:#f9fafb;border-radius:8px}.impact-tags{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.impact-category-tag{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:500;background:#dbeafe;color:#1e40af}.impact-category-tag.供应链{background:#dbeafe;color:#1e40af}.impact-category-tag.研发{background:#e9d5ff;color:#6b21a8}.impact-category-tag.市场{background:#fef3c7;color:#92400e}.impact-category-tag.IT{background:#d1fae5;color:#065f46}.impact-time-tag{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#4b5563}.impact-severity-tag{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.impact-severity-tag.高{background:#fee2e2;color:#991b1b}.impact-severity-tag.中{background:#fef3c7;color:#92400e}.impact-severity-tag.低{background:#d1fae5;color:#065f46}.impact-desc{font-size:.85rem;color:#374151;line-height:1.5;margin:0}@media(max-width:768px){.source-impacts{margin-top:10px;padding-top:10px}.source-impact-item{padding:8px}.impact-tags{gap:4px}.impact-desc{font-size:.8rem}}.source-recommendations-section{padding:0 16px 14px;margin-top:8px}.source-recommendations-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 0;background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.source-recommendations-toggle:hover{color:#2563eb}.source-recommendations-toggle svg{flex-shrink:0}.source-recommendations-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.source-recommendation-item{padding:10px;border-radius:8px}.source-recommendation-item.actionable{background:#f0fdf4}.source-recommendation-item.info{background:#fef9e7}.source-recommendation-item .rec-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.source-recommendation-item .rec-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:500;background:#e0e7ff;color:#3730a3}.source-recommendation-item .rec-type-badge.专家建议{background:#dbeafe;color:#1e40af}.source-recommendation-item .rec-type-badge.企业措施{background:#fce7f3;color:#9f1239}.source-recommendation-item .rec-type-badge.政策指导{background:#fef3c7;color:#92400e}.source-recommendation-item .actionable-badge{padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:600;background:#10b981;color:#fff}.source-recommendation-item .rec-content{font-size:.85rem;color:#374151;line-height:1.6;margin:0 0 6px}.source-recommendation-item .rec-target{font-size:.75rem;color:#6b7280;font-style:italic}@media(max-width:768px){.source-recommendations{margin-top:10px;padding-top:10px}.source-recommendation-item{padding:8px}.source-recommendation-item .rec-content{font-size:.8rem}}.source-tabs-container{margin-top:12px;padding:0 16px 14px}.source-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:12px}.source-tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px;white-space:nowrap}.source-tab:hover{color:#3b82f6;background:#f0f9ff}.source-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.source-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.source-tabs{gap:4px}.source-tab{padding:6px 12px;font-size:.8rem}}.updated-ribbon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:600;font-size:.85rem;padding:6px 12px}.new-ribbon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;font-size:.85rem;padding:6px 12px}.event-date.updated{color:#f59e0b;font-weight:500;background:#fef3c7;padding:4px 8px;border-radius:4px;margin-left:8px}.sources-section{margin-bottom:24px}.sources-section-title{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:12px;padding:8px 12px;background:#f9fafb;border-left:4px solid #d1d5db;border-radius:4px}.new-sources-section .sources-section-title{background:#fef3c7;border-left-color:#fbbf24;color:#92400e}.historical-sources-section .sources-section-title{background:#f3f4f6;border-left-color:#9ca3af;color:#4b5563}.new-source-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;box-shadow:0 4px 6px #fbbf241a;animation:pulseGlow 2s ease-in-out 3;position:relative}@keyframes pulseGlow{0%,to{box-shadow:0 4px 6px #fbbf241a}50%{box-shadow:0 4px 12px #fbbf244d}}.source-new-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:4px;z-index:10;box-shadow:0 2px 4px #0000001a}.source-added-time{position:absolute;top:36px;right:8px;font-size:.7rem;color:#92400e;background:#ffffffe6;padding:2px 6px;border-radius:3px;z-index:10}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.new-source-card{animation:fadeInUp .5s ease-out,pulseGlow 2s ease-in-out 3}.login-container{min-height:100vh;display:flex;background:#f7f8fa}.login-left{flex:1;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;color:#fff}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:60px}.login-logo{height:40px;width:auto;filter:brightness(0) invert(1)}.login-brand-title{font-size:1.8rem;font-weight:500;letter-spacing:-.02em;margin:0}.login-description{text-align:center}.login-description h2{font-size:2.5rem;font-weight:500;margin:0 0 20px;letter-spacing:-.02em}.login-description p{font-size:1.1rem;color:#ffffffb3;margin:0;font-weight:300}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:60px}.login-box{width:100%;max-width:420px}.login-title{font-size:2rem;font-weight:500;color:#111827;margin:0 0 12px;letter-spacing:-.02em}.login-subtitle{font-size:.95rem;color:#6b7280;margin:0 0 40px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:24px}.login-form-group{display:flex;flex-direction:column;gap:10px}.login-form-group label{font-size:.95rem;font-weight:500;color:#111827;letter-spacing:-.01em}.login-form-group input{padding:14px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;color:#111827;background:#fff;transition:all .2s}.login-form-group input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118270d}.login-form-group input:disabled{background:#f9fafb;cursor:not-allowed}.login-form-group input::placeholder{color:#9ca3af}.login-error{padding:12px 16px;background:#fef2f2;border-left:3px solid #ef4444;color:#dc2626;font-size:.9rem;border-radius:4px}.login-submit-btn{padding:16px 24px;background:#111827;color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:-.01em}.login-submit-btn:hover:not(:disabled){background:#1f2937}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:968px){.login-container{flex-direction:column}.login-left{padding:40px 20px;min-height:40vh}.login-brand{margin-bottom:30px}.login-description h2{font-size:1.8rem}.login-right{padding:40px 20px}}.progress-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.progress-modal-header h3{margin:0;font-size:1.25rem;font-weight:500;color:#111827}.progress-percentage{font-size:1.5rem;font-weight:600;color:#3b82f6}.progress-modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.overall-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:20px}.overall-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s ease;border-radius:4px}.current-step{display:flex;align-items:center;gap:8px;padding:12px;background:#eff6ff;border-radius:6px;margin-bottom:20px;color:#1e40af;font-size:.9rem;font-weight:500}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{padding:12px;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.step-item.pending{background:#f9fafb}.step-item.running{background:#eff6ff;border-color:#3b82f6}.step-item.completed{background:#f0fdf4;border-color:#10b981}.step-item.failed{background:#fef2f2;border-color:#ef4444}.step-header{display:flex;align-items:center;gap:10px}.step-icon{flex-shrink:0}.step-icon.pending{color:#9ca3af}.step-icon.running{color:#3b82f6}.step-icon.completed{color:#10b981}.step-icon.failed{color:#ef4444}.step-name{flex:1;font-size:.9rem;font-weight:500;color:#374151}.step-progress{font-size:.85rem;color:#3b82f6;font-weight:500}.step-duration{font-size:.8rem;color:#6b7280}.step-message{margin-top:8px;margin-left:30px;font-size:.85rem;color:#6b7280}.step-error{margin-top:8px;margin-left:30px;font-size:.85rem;color:#ef4444}.completion-message{text-align:center;padding:20px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.completion-message p{margin:0;font-size:1.1rem;font-weight:500;color:#111827}.result-summary{font-size:.95rem!important;color:#6b7280!important;font-weight:400!important}.error-message{color:#ef4444;font-size:1rem;text-align:center;margin:20px 0}.btn-close-modal{margin-top:12px;padding:10px 24px;background:#111827;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-close-modal:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}@media(max-width:640px){.progress-modal{width:95%;max-height:90vh}.progress-modal-header{padding:16px 20px}.progress-modal-body{padding:20px}.progress-percentage{font-size:1.25rem}.step-header{flex-wrap:wrap}.step-duration{margin-left:auto}}.global-events-view{min-height:calc(100vh - 65px);padding:48px 120px;background:#fafafa;box-sizing:border-box}.filter-tags-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.filter-tags-container{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group-label{font-size:.9rem;font-weight:500;color:#6b7280;white-space:nowrap}.filter-tag{padding:6px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:.85rem;font-weight:400;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tag:hover{background:#e5e7eb;border-color:#d1d5db}.filter-tag.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:500}.clear-filters-btn{padding:6px 16px;background:#fff;border:1px solid #ef4444;border-radius:20px;color:#ef4444;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto;white-space:nowrap}.search-bar-container{display:flex;align-items:center}.search-button:hover{background:#2563eb!important;border-color:#2563eb!important}.search-button:active{background:#1d4ed8!important;transform:scale(.98)}.search-bar-inline{margin-right:12px}.search-input-inline{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;width:300px;transition:all .2s ease}.search-input-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sort-select-inline{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .2s ease}.sort-select-inline:hover{border-color:#cbd5e1}.sort-select-inline:focus{outline:none;border-color:#3b82f6}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:20px 0;border-top:1px solid #e2e8f0}.pagination-button{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.9rem;color:#475569;font-weight:500}.total-count{color:#94a3b8;font-weight:400;margin-left:6px}@media(max-width:1400px){.global-events-view{padding:48px 80px}}@media(max-width:768px){.global-events-view{padding:24px 20px}.filter-tags-bar{padding:16px}.filter-tags-container{gap:12px}.filter-group{gap:8px}.filter-group-label{font-size:.85rem}.filter-tag{padding:5px 12px;font-size:.8rem}.clear-filters-btn{width:100%;margin-left:0;margin-top:8px}.search-input-inline{width:200px}.pagination-controls{flex-direction:column;gap:12px}.pagination-info{order:-1}}.filters-container{margin-bottom:24px}.filters-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.filters-toggle:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.filters-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.filters-toggle.active .filter-count{background:#fff;color:#3b82f6}.filters-panel{margin-top:16px;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.filter-section h4{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#1e293b}.filter-options{display:flex;flex-direction:column;gap:10px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0;transition:all .2s ease}.filter-checkbox:hover{color:#3b82f6}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.filter-checkbox span{font-size:.9rem;color:#475569}.filter-checkbox:hover span{color:#3b82f6}.date-range{display:flex;align-items:center;gap:12px}.date-range input[type=date]{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#475569;transition:all .2s ease}.date-range input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-range span{color:#94a3b8;font-size:.9rem}.clear-filters-btn{grid-column:1 / -1;padding:10px 20px;background:#fff;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.clear-filters-btn:hover{background:#ef4444;color:#fff}@media(max-width:1200px){.filters-panel{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.filters-panel{grid-template-columns:1fr;padding:16px}.date-range{flex-direction:column;align-items:stretch}.date-range span{display:none}}.app-container{min-height:100vh;background:#f7f8fa;box-sizing:border-box}.app-header{background:#fff;padding:0;border-bottom:1px solid #e5e7eb;margin-bottom:0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000a}.header-content{max-width:100%;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:24px;width:auto;object-fit:contain}.header-title{font-size:1.25rem;margin:0;font-weight:500;letter-spacing:-.01em;color:#111827}.header-right{display:flex;align-items:center}.user-menu-container{position:relative}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s}.user-info:hover{background:#f3f4f6}.dropdown-arrow{color:#6b7280;transition:transform .2s}.user-info:hover .dropdown-arrow{color:#111827}.user-name{font-size:.9rem;color:#111827;font-weight:400}.user-avatar{width:32px;height:32px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:240px;overflow:hidden;animation:slideDown .2s ease-out;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fafafa}.menu-user-avatar{width:40px;height:40px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;flex-shrink:0}.menu-user-info{flex:1;min-width:0}.menu-user-name{font-size:.95rem;font-weight:500;color:#111827;margin-bottom:2px}.menu-user-email{font-size:.8rem;color:#6b7280}.user-menu-divider{height:1px;background:#e5e7eb}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:none;cursor:pointer;transition:background .2s;font-size:.9rem;color:#374151}.user-menu-item:hover{background:#f9fafb}.user-menu-item svg{color:#6b7280;flex-shrink:0}.user-menu-item:hover svg{color:#111827}.app-header p{display:none}.main-content{display:grid;grid-template-columns:420px 1fr;gap:0;max-width:1600px;margin:0 auto;box-sizing:border-box;min-height:calc(100vh - 65px)}.left-panel,.right-panel{background:#fff;box-sizing:border-box;overflow:hidden}.left-panel{width:100%;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.left-panel-tabs{display:flex;gap:0;padding:0;background:#fff;border-bottom:1px solid #e5e7eb}.tab-btn{flex:1;padding:20px 16px;background:#fff;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s;letter-spacing:-.01em}.tab-btn:hover{background:#fafafa;color:#111827}.tab-btn.active{background:#fff;border-bottom-color:#111827;color:#111827;font-weight:500}.left-panel-content{flex:1;padding:32px 28px;overflow-y:auto;max-height:calc(100vh - 200px)}.right-panel{width:100%;overflow-y:auto;max-height:calc(100vh - 65px);padding:40px 60px;background:#fafafa}@media(max-width:1200px){.main-content{grid-template-columns:1fr}}.app-navigation{display:flex;gap:8px;margin-left:32px}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:.9rem;font-weight:500;color:#64748b;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#f1f5f9;color:#3b82f6}.nav-link.active{background:#3b82f6;color:#fff}.nav-icon{font-size:1.1rem}@media(max-width:768px){.app-navigation{margin-left:16px}.nav-link{padding:6px 12px;font-size:.85rem}.nav-link span:not(.nav-icon){display:none}}