:root{--bg-body:#f3f4f6;--bg-surface:#fff;--bg-card:#fff;--bg-card-alt:#f9fafb;--border-subtle:#e5e7eb;--accent:#2563eb;--accent-soft:#2563eb14;--accent-strong:#1d4ed8;--text-main:#111827;--text-muted:#6b7280;--text-strong:#111827;--danger:#dc2626;--success:#16a34a;--warning:#eab308;--radius-lg:14px;--radius-md:10px;--radius-pill:9999px;--shadow-soft:0 8px 24px #0f172a14}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.max-w-md{max-width:28rem}.page-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.page-container-wide{max-width:98%;margin:0 auto;padding:1.5rem 1rem 3rem}.navbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1.5rem;display:grid;position:sticky;top:0}.navbar-left{align-items:center;gap:.75rem;display:flex}.navbar-logo{object-fit:contain;border-radius:8px;width:28px;height:28px}.navbar-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.9rem;font-weight:600}.nav-link-group{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;justify-self:center;gap:.25rem;padding:3px;display:flex}.nav-link-pill{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.25rem .8rem;font-size:.8rem}.nav-link-pill-active{color:var(--accent-strong);background:#fff;font-weight:600;box-shadow:0 1px 4px #94a3b866}.nav-link-pill:hover{color:var(--text-main)}.navbar-right{justify-content:flex-end;display:flex}.navbar-right button{font-size:.75rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #e5e7eb}.card-inner{padding:1.25rem 1.5rem}.card-header{justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-strong);font-size:1.15rem;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.btn{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.4rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s ease-out;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 6px 14px #2563eb59}.btn-primary:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;border:none;border-radius:9999px;padding:.3rem .8rem}.btn-ghost:hover{color:var(--text-main);background:#e5e7eb}input,select{color:var(--text-main);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:.4rem .6rem;font-size:.8rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px #2563eb4d}label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem}.filters-container{border-radius:var(--radius-md);background:linear-gradient(#fafbfc,#f9fafb);border:1px solid #e5e7eb;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.filters-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:768px){.filters-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.filter-item{flex-direction:column;gap:.4rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.filter-input{color:var(--text-main);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:all .15s ease-out}.filter-input:hover{border-color:#9ca3af}.filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.filter-input::placeholder{color:#9ca3af}.text-xs{font-size:.7rem}.text-sm{font-size:.8rem}.text-lg{font-size:1rem}.text-2xl{font-size:1.4rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-muted{color:var(--text-muted)}.grid{display:grid}.grid-cols-1,.md\:grid-cols-5,.lg\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.table-wrapper{border-radius:var(--radius-lg);background:var(--bg-card-alt);border:1px solid #e5e7eb;overflow:hidden}.table-wrapper-wide{border-radius:var(--radius-lg);background:var(--bg-card-alt);border:1px solid #e5e7eb;overflow-x:auto}table{border-collapse:collapse;width:100%}.articles-table{min-width:1400px}thead{background:#f9fafb}th,td{white-space:nowrap;padding:.55rem .7rem;font-size:.78rem}.articles-table th,.articles-table td{white-space:normal}.articles-table td:first-child{min-width:200px;font-weight:600}.articles-table td:nth-child(2){white-space:normal;min-width:250px}.articles-table th:nth-child(3),.articles-table td:nth-child(3),.articles-table th:nth-child(4),.articles-table td:nth-child(4),.articles-table th:nth-child(5),.articles-table td:nth-child(5),.articles-table th:nth-child(8),.articles-table td:nth-child(8),.articles-table th:nth-child(10),.articles-table td:nth-child(10){text-align:center}.articles-table th:nth-child(13),.articles-table td:nth-child(13){text-align:center;min-width:150px}.articles-table td:nth-child(3) .badge{display:inline-block}.article-labels{flex-wrap:wrap;gap:.3rem;max-height:2.5rem;margin-top:.25rem;line-height:1.2;display:flex;overflow:hidden}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid #e5e7eb;font-weight:500}tbody tr{border-top:1px solid #e5e7eb}.table-row-clickable{cursor:pointer}tbody tr:nth-child(2n){background:#f9fafb}tbody tr:hover{background:#eff6ff}.table-row-clickable:hover{background:#dbeafe!important}.badge{border-radius:9999px;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:500;display:inline-flex}.badge-status-new{color:#b45309;background:#fbbf241f}.badge-status-open{color:#166534;background:#16a34a14}.badge-status-not{color:#4b5563;background:#94a3b82e}.badge-status-transfer{color:#1d4ed8;background:#2563eb14}.status-dropdown{cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000px' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right .35rem center no-repeat;border:1px solid #d1d5db;border-radius:5px;outline:none;min-width:85px;max-width:120px;padding:.2rem 1.5rem .2rem .4rem;font-size:.65rem;font-weight:500;line-height:1.2;transition:all .15s ease-out}.status-dropdown:hover{background-color:#f9fafb;border-color:#9ca3af}.status-dropdown:focus{border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 2px #2563eb1a}.status-dropdown[value=new]{color:#b45309}.status-dropdown[value=open]{color:#166534}.status-dropdown[value=not_relevant]{color:#4b5563}.status-dropdown[value=transferred_to_trendradar]{color:#1d4ed8}.badge-category{color:#1d4ed8;white-space:nowrap;background:#2563eb1f;padding:.15rem .5rem;font-size:.65rem}.badge-idea-type{color:#166534;white-space:nowrap;background:#16a34a1f;padding:.15rem .5rem;font-size:.65rem}.micro-bar,.checkmark-scale,.euro-scale{letter-spacing:.1em;color:var(--text-main);font-family:monospace;font-size:.9rem;display:inline-block}.text-center{text-align:center}.text-right{text-align:right}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lightbox-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.lightbox-content{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.lightbox-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.lightbox-title{color:var(--text-strong);flex:1;margin:0;padding-right:1rem;font-size:1.3rem;font-weight:600}.lightbox-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:all .2s;display:flex}.lightbox-close:hover{color:var(--text-main);background:#f3f4f6}.lightbox-body{flex-direction:column;flex:1;gap:1.5rem;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.lightbox-body::-webkit-scrollbar{width:8px}.lightbox-body::-webkit-scrollbar-track{background:0 0}.lightbox-body::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;margin-right:4px}.lightbox-body::-webkit-scrollbar-thumb:hover{background:#0000004d}.lightbox-body{scrollbar-width:thin;scrollbar-color:#0003 transparent}.lightbox-section{flex-direction:column;gap:.5rem;display:flex}.lightbox-section .badge{align-self:flex-start;width:auto;display:inline-flex}.lightbox-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:.75rem;font-weight:600}.lightbox-text{color:var(--text-main);white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}.lightbox-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.lightbox-grid{grid-template-columns:1fr}}