@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-surface: #ffffff;--color-surface-hover: #f1f3f5;--color-primary: #1e3a5f;--color-primary-dark: #152a45;--color-primary-light: #2d5a8f;--color-accent: #dc2626;--color-accent-light: #ef4444;--color-success: #16a34a;--color-warning: #ea580c;--color-info: #0284c7;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh}h1{font-size:3rem;font-weight:800;line-height:1.2;color:var(--color-primary);margin-bottom:var(--spacing-md)}h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{border-bottom:2px solid var(--color-border);background:var(--color-bg-primary);position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000001a}.navbar-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);height:4rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.75rem;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.logo-image-container{width:2rem;height:2rem;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-primary);padding:.25rem;transition:background var(--transition-fast)}.navbar-logo:hover .logo-image-container{background:var(--color-primary-dark)}.logo-image{width:100%;height:100%;object-fit:contain}.logo-text{font-weight:700;font-size:1.125rem;letter-spacing:-.025em;color:var(--color-primary)}.navbar-links{display:flex;align-items:center;gap:var(--spacing-lg)}.navbar-link{font-size:.875rem;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.navbar-link:hover{color:var(--color-text-primary)}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center;color:var(--color-text-tertiary);font-size:.875rem}.hero{text-align:center;padding:4rem 0;position:relative;overflow:hidden;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-2xl)}.hero-content{position:relative;z-index:1;padding:0 var(--spacing-lg)}.hero h1{font-size:3.5rem;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:42rem;margin:0 auto var(--spacing-2xl)}.search-container{max-width:36rem;margin:0 auto;position:relative}.search-wrapper{position:relative}.search-wrapper:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);opacity:.2;filter:blur(8px);transition:opacity var(--transition-base)}.search-wrapper:focus-within:before{opacity:.4}.search-input{position:relative;width:100%;padding:1rem 3rem 1rem 1.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-base);box-shadow:var(--shadow-xl)}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;color:var(--color-text-tertiary);pointer-events:none}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-sm);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mp-card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 3px #0000001a}.mp-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--color-primary)}.mp-card-image-container{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-bg-secondary)}.mp-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.mp-card:hover .mp-card-image{transform:scale(1.03)}.mp-card-content{padding:.5rem}.mp-card-info{background:var(--color-surface);padding:0}.mp-card-name{font-size:.85rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.125rem;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-card:hover .mp-card-name{color:var(--color-primary)}.mp-card-meta{display:flex;align-items:center;gap:.5rem}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#10b981}.mp-card-age{color:var(--color-text-tertiary);font-size:.875rem;font-weight:500}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--spacing-2xl)}.spinner{width:4rem;height:4rem;border:4px solid rgba(99,102,241,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text,.error-text,.empty-text{color:var(--color-text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-container{background:#ef44441a;border-radius:var(--radius-2xl);border:1px solid rgba(239,68,68,.2);max-width:32rem;margin:0 auto}.error-icon{width:3rem;height:3rem;margin-bottom:var(--spacing-md);color:#ef4444}.error-title{font-size:1.125rem;font-weight:700;color:#ef4444;margin-bottom:var(--spacing-sm)}.error-text{color:#fca5a5}.empty-container{background:#1e293b80;border-radius:var(--radius-2xl);border:2px dashed var(--color-border);padding:var(--spacing-3xl)}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:1rem;margin-bottom:var(--spacing-xl);transition:color var(--transition-fast)}.back-button:hover{color:var(--color-text-primary)}.back-button-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast)}.back-button:hover .back-button-icon{border-color:#6366f180;transform:translate(-4px)}.mp-detail-container{max-width:80rem;margin:0 auto;animation:fadeIn .5s ease-out}.mp-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.mp-profile-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--spacing-lg);border:1px solid var(--color-border);position:sticky;top:6rem;height:fit-content}.mp-profile-image-container{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-lg);background:var(--color-bg-primary);display:flex;justify-content:center}.mp-profile-image{width:165px;height:auto;object-fit:contain}.mp-profile-name{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.mp-profile-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:var(--spacing-lg)}.mp-stat-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.mp-stat-label{color:var(--color-text-tertiary)}.mp-stat-value{color:var(--color-text-primary);font-weight:500}.incidents-section{background:#1e293b80;border-radius:var(--radius-2xl);padding:var(--spacing-xl);border:1px solid rgba(51,65,85,.5)}.incidents-header{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-xl)}.incidents-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-lg);background:#ec48991a;color:var(--color-accent)}.incidents-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.incidents-timeline{position:relative}.incident-item{position:relative;padding-left:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-left:2px solid var(--color-border)}.incident-item:last-child{border-left-color:transparent;padding-bottom:0}.incident-dot{position:absolute;left:-9px;top:0;width:1rem;height:1rem;border-radius:50%;background:var(--color-accent);border:4px solid var(--color-bg-primary)}.incident-category{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.incident-card.severity-high{border-left-color:var(--color-accent)}.incident-card.severity-medium{border-left-color:var(--color-warning)}.incident-card.severity-low{border-left-color:var(--color-info)}.incident-card.severity-high:hover{border-left-color:var(--color-accent-light)}.incident-card.severity-medium:hover{border-left-color:#fb923c}.incident-card.severity-low:hover{border-left-color:#38bdf8}.incident-sources{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;color:var(--color-text-secondary)}.incident-sources-label{display:inline-flex;align-items:center;gap:.25rem;font-weight:500}.incident-sources a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.incident-sources a:hover{color:var(--color-primary-light);text-decoration:underline}.incident-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:2px solid var(--color-border);border-left:5px solid var(--color-accent);transition:all var(--transition-base);box-shadow:0 1px 3px #0000001a}.incident-card:hover{border-left-color:var(--color-accent-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.incident-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.incident-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.incident-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.incident-date{font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-border);white-space:nowrap}.incident-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.incident-source{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.incident-source:hover{color:var(--color-primary-light);gap:.75rem}.incident-source svg{transition:transform var(--transition-fast)}.incident-source:hover svg{transform:translate(2px)}.incidents-empty{text-align:center;padding:var(--spacing-2xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.incidents-empty-icon{width:4rem;height:4rem;background:#10b9811a;color:#10b981;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.incidents-empty-title{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.incidents-empty-text{color:var(--color-text-tertiary)}.news-sidebar{position:fixed;right:0;top:4rem;width:320px;height:calc(100vh - 4rem);background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:40;overflow:hidden}.news-sidebar-header{display:flex;align-items:center;gap:.75rem;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.news-header-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-lg);background:#6366f11a;color:var(--color-primary)}.news-sidebar-title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0}.news-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.news-sidebar-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.news-spinner{width:2rem;height:2rem;border:3px solid rgba(99,102,241,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.news-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-tertiary);font-size:.875rem}.news-list{display:flex;flex-direction:column}.news-item{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base);background:var(--color-surface)}.news-item:hover{background:var(--color-surface-hover);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-lg) - 3px)}.news-item:last-child{border-bottom:none}.news-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.news-item-mp{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.news-item-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.news-item-name{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-item-date{font-size:.625rem;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.news-item-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item-description{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.main-content-with-sidebar{margin-right:320px}@media (max-width: 1024px){.mp-detail-grid{grid-template-columns:1fr}.mp-profile-card{position:static}}@media (max-width: 1280px){.news-sidebar{display:none}.main-content-with-sidebar{margin-right:0}}@media (max-width: 768px){h1{font-size:2rem}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.navbar-links{gap:var(--spacing-md)}.navbar-link{font-size:.75rem}.incident-title-row{flex-direction:column;align-items:flex-start}}