.company-list{max-height:500px;overflow-y:auto}.company-list table{width:100%;border-collapse:collapse}.company-list th,.company-list td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.company-list th{background-color:#f1f1f1;font-weight:600}.company-list tr{cursor:pointer;transition:background-color .2s}.company-list tr:hover{background-color:#f5f5f5}.company-list tr.selected{background-color:#e1f5fe}.no-companies{padding:2rem;text-align:center;color:#666}.company-details{display:flex;flex-direction:column;gap:1rem}.company-details h3{color:var(--primary-color, #3498db);margin-bottom:.5rem}.description{font-style:italic;color:#666;margin-bottom:1rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column}.label{font-weight:600;font-size:.9rem;color:#555}.value{margin-top:.25rem}.emissions-details,.emissions-history{margin-top:1rem;border-top:1px solid #eee;padding-top:1rem}.emissions-details h4,.emissions-history h4{margin-bottom:.75rem;color:#333}.scopes-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.scope-item{padding:.5rem;background-color:#3498db0d;border-radius:4px}.emissions-history table{width:100%;border-collapse:collapse}.emissions-history th,.emissions-history td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color, #ddd)}.emissions-history th{background-color:#f1f1f1;font-weight:600}.decrease{color:green}.increase{color:red}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}}.search-bar{display:flex;gap:.5rem;position:relative}.search-input{flex:1;padding:.6rem 2rem .6rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.clear-button{position:absolute;right:80px;top:50%;transform:translateY(-50%);background:none;border:none;color:#777;font-size:1.2rem;line-height:1;cursor:pointer;padding:0;height:1.2rem;width:1.2rem;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:var(--error-color);background:none}.search-button{padding:.6rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.search-button:hover{background-color:#2980b9}@media (max-width: 768px){.search-bar{flex-wrap:wrap}.search-input{width:100%}.search-button{min-width:80px}.clear-button{right:10px}}.dashboard{display:flex;flex-direction:column;gap:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.companies-section,.details-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1rem}.companies-section h3,.details-section h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:#777}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:1rem}.dashboard-content{grid-template-columns:1fr}}.project-info{max-width:100%;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.project-info h2{color:var(--primary-color, #3498db);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color, #3498db)}.info-section{margin-bottom:2rem}.info-section h3{color:#2c3e50;margin-bottom:1rem}.info-section h4{color:#34495e;margin:1rem 0 .5rem}.info-section p{line-height:1.6;margin-bottom:1rem;color:#333}.info-section ul,.info-section ol{padding-left:1.5rem;margin-bottom:1rem}.info-section li{margin-bottom:.5rem;line-height:1.5}.file-structure{background-color:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto}.file-structure pre{margin:0;font-family:monospace;font-size:.9rem;line-height:1.5;color:#333}.code-block{background-color:#f5f5f5;padding:1rem;border-radius:3px;font-family:monospace;font-size:.9rem;color:#333;white-space:pre;overflow-x:auto;margin:1rem 0;line-height:1.5;border-left:3px solid var(--primary-color, #3498db)}code{font-family:monospace;background-color:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-size:.9rem;color:#e74c3c}section code{display:block;padding:1rem;margin:1rem 0;white-space:pre-wrap;line-height:1.5}@media (max-width: 768px){.project-info{padding:1rem}.file-structure{font-size:.8rem}}.flow-steps li{margin-bottom:1rem;line-height:1.6}.flow-steps code{background-color:#f0f0f0;padding:.1rem .3rem;border-radius:3px;font-size:.9em}.data-flow-diagram{margin:1.5rem 0}.container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}h1{color:#2c3e50;margin-bottom:.5rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#666}.error{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem}main{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-button{background-color:var(--primary-color, #3498db);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.info-button:hover{background-color:#2980b9}:root{--primary-color: #3498db;--secondary-color: #2ecc71;--background-color: #f8f9fa;--text-color: #333;--error-color: #e74c3c;--border-color: #ddd}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;background-color:var(--primary-color);color:#fff;font-size:.9rem;transition:background-color .2s}button:hover{background-color:#2980b9}@media (max-width: 768px){.container{padding:10px}}
