:root{--primary-color:#5a7a4a;--primary-light:#7a9a5a;--primary-dark:#4a6a3a;--secondary-color:#6b8a4a;--accent-color:#8aaa6a;--accent-gold:#b8860b;--bg-light:#f0f4e8;--bg-card:#fff;--bg-section:#f5f8f0;--bg-hover:#dce8d0;--bg-active:#c8dab8;--border-light:#d4e0c8;--border-medium:#c5d4b5;--text-primary:#2d3a2d;--text-secondary:#5a6b52;--text-muted:#8a9a7a;--text-headings:#2d4a2d;--footer-bg:#2d3a2d;--footer-text:#c8d4c0}body{background-color:var(--bg-light);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-light)50%,var(--accent-color)100%);box-shadow:0 2px 10px #2d3a2d26}.hero-section{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-light)50%,var(--accent-color)100%);color:#fff;margin-bottom:2rem;padding:3rem 0;box-shadow:0 4px 15px #2d3a2d26}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-left:4px solid var(--primary-light);border-radius:12px;height:100%;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #2d3a2d14}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #2d3a2d26}.stat-card .icon{color:var(--primary-light);margin-bottom:.5rem;font-size:2.5rem}.stat-card .value{color:var(--text-headings);margin:0;font-size:2.5rem;font-weight:700}.stat-card .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.section-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #2d3a2d14}.section-title{color:var(--text-headings);border-bottom:3px solid var(--accent-gold);margin-bottom:1.5rem;padding-bottom:.5rem;font-weight:600}.chart-container{height:350px;margin:1rem 0;position:relative}.search-box{margin-bottom:1.5rem;position:relative}.search-box input{border:2px solid var(--border-light);background:var(--bg-card);border-radius:8px;padding-left:2.5rem;transition:border-color .2s,box-shadow .2s}.search-box input:focus{border-color:var(--primary-light);box-shadow:0 0 0 .2rem #5a7a4a26}.search-box i{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.plant-card{background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .2s}.plant-card:hover{border-color:var(--primary-light);background:var(--bg-section);box-shadow:0 2px 8px #5a7a4a26}.plant-card.expanded{border-color:var(--primary-light);background:var(--bg-section)}.plant-header{justify-content:space-between;align-items:center;display:flex}.plant-name{color:var(--text-headings);font-size:1.1rem;font-style:italic;font-weight:600}.badge-custom{border-radius:6px;padding:.35rem .65rem;font-size:.8rem;font-weight:500}.plant-details{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem;display:none}.plant-details.show{display:block}.data-table{width:100%;font-size:.9rem}.data-table th{background:var(--bg-section);color:var(--text-headings);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-light);padding:.75rem;font-weight:600}.data-table th:hover{background:var(--bg-hover)}.data-table th i{margin-left:.25rem;font-size:.8rem}.data-table td{border-bottom:1px solid var(--border-light);padding:.75rem}.data-table tbody tr:hover{background:var(--bg-section)}.progress-bar-custom{background:linear-gradient(90deg,var(--primary-light),var(--accent-gold))}.completeness-item{margin-bottom:1rem}.completeness-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:.25rem;font-size:.9rem;display:flex}.no-results{text-align:center;color:var(--text-muted);padding:3rem}.loading{text-align:center;padding:3rem}.spinner{width:3rem;height:3rem}footer{background:var(--footer-bg);color:var(--footer-text);margin-top:3rem;padding:2rem 0}footer a{color:var(--footer-text);transition:color .2s}footer a:hover{color:var(--accent-gold)}.detail-section{background:var(--bg-light);border-left:3px solid var(--accent-gold);border-radius:6px;margin-bottom:1rem;padding:1rem}.detail-section h6{color:var(--accent-gold);margin-bottom:.75rem;font-weight:600}.detail-list{margin:0;padding:0;list-style:none}.detail-list li{color:var(--text-secondary);font-size:.9rem}.detail-list.scrollable-list{max-height:350px;padding-right:.5rem;overflow-y:auto}.detail-list.scrollable-list::-webkit-scrollbar{width:8px}.detail-list.scrollable-list::-webkit-scrollbar-track{background:var(--bg-section);border-radius:4px}.detail-list.scrollable-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.detail-list.scrollable-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.empty-list{text-align:center;min-height:350px;color:var(--text-muted);justify-content:center;align-items:center;padding:1rem;font-style:italic;display:flex}.accession-link{color:var(--primary-light);font-weight:500;text-decoration:none}.accession-link:hover{color:var(--primary-color);text-decoration:underline}.sequence-container{background:var(--bg-section);border:1px solid var(--border-light);word-break:break-all;border-radius:6px;max-height:200px;margin-top:.5rem;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.8;overflow-y:auto}.sequence-text{color:var(--text-primary);white-space:pre-wrap}.sequence-toggle{cursor:pointer;color:var(--primary-light);background:0 0;border:none;margin-left:.5rem;padding:0;font-size:.85rem;text-decoration:none}.sequence-toggle:hover{color:var(--primary-color);text-decoration:underline}.sequence-info{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.sequence-stats{color:var(--text-muted);font-size:.8rem}.comparison-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;margin-top:1rem;padding:1.5rem}.comparison-header{color:var(--text-headings);justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;display:flex}.sequence-pair{margin-bottom:1.5rem}.sequence-label{color:var(--primary-light);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.alignment-view{background:var(--bg-section);border:1px solid var(--border-light);white-space:pre-wrap;word-break:break-all;border-radius:4px;max-height:150px;padding:.75rem;font-family:Courier New,monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.match-highlight{background-color:var(--bg-active)}.mismatch-highlight{background-color:#e8c8c8}.gap-highlight{background-color:#f0e4c8}.comparison-controls{display:none}.comparison-controls.show{display:block}.view-switcher{background:var(--bg-section);border:1px solid var(--border-light);border-radius:8px;gap:.5rem;padding:.25rem;display:flex}.view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.view-btn:hover{background:var(--bg-card);color:var(--primary-color)}.view-btn.active{background:var(--bg-card);color:var(--primary-color);box-shadow:0 2px 4px #2d3a2d1a}.view-btn i{margin-right:.25rem}.table-responsive{margin-top:1rem;overflow-x:auto}.plants-table{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:.9rem}.plants-table thead{background:var(--bg-section);z-index:10;position:sticky;top:0}.plants-table th{text-align:left;color:var(--text-headings);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:2px solid var(--primary-light);padding:.75rem;font-weight:600}.plants-table th:hover{background:var(--bg-hover)}.plants-table th i{opacity:.6;margin-left:.25rem;font-size:.8rem}.plants-table td{border-bottom:1px solid var(--border-light);padding:.75rem}.plants-table tbody tr{transition:background-color .2s}.plants-table tbody tr:hover{background:var(--bg-section)}.plants-table td em{color:var(--text-headings);font-weight:500}.plants-table .btn-sm{padding:.25rem .75rem;font-size:.85rem}.plants-table tr.expanded-row{background:var(--bg-section);border-left:3px solid var(--primary-light)}.plants-table tr.expanded-details-row{background:var(--bg-card)}.plants-table tr.expanded-details-row td{border-bottom:2px solid var(--primary-light);padding:0}.table-expanded-content{background:var(--bg-card);border-left:3px solid var(--primary-light);padding:1.5rem}.table-expanded-content .row{margin:0}.table-expanded-content .detail-section{margin-bottom:1rem}.detail-section .detail-list li{border-bottom:1px solid var(--border-light);border-radius:4px;margin:.25rem 0;padding:.75rem;transition:all .3s}.detail-section .detail-list li:last-child{border-bottom:none}.protein-item-clickable{cursor:pointer}.protein-item-clickable:hover{transform:translate(3px);box-shadow:0 2px 4px #2d3a2d14;background:var(--bg-section)!important}.protein-item-selected{font-weight:500;background:var(--bg-hover)!important;border-left:4px solid var(--primary-light)!important;padding-left:.65rem!important}.protein-item-best-match{border-left:4px solid var(--accent-gold)!important;background:#f5ecd4!important;padding-left:.65rem!important}.protein-item-best-match:before{content:"★";color:var(--accent-gold);margin-right:.25rem;font-size:1.2em}.protein-item-content{justify-content:space-between;align-items:flex-start;display:flex}.similarity-badge{background:var(--primary-light);color:#fff;vertical-align:middle;border-radius:12px;margin-left:.5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.comparison-instructions{background:var(--bg-section);border-left:3px solid var(--accent-gold);color:var(--text-secondary);border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.comparison-result{background:var(--bg-section);border-radius:8px;margin-top:1.5rem;padding:1rem}.comparison-result .alert{margin-bottom:1rem}.protein-source-toggle{background:linear-gradient(to right,var(--bg-section),var(--bg-card));border:1px solid var(--border-light);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.protein-source-toggle>span{color:var(--text-secondary);font-weight:600}.protein-source-toggle .btn-group{margin-right:.5rem}.protein-source-toggle .btn{align-items:center;gap:.25rem;font-weight:500;display:flex}.protein-source-toggle .btn i{font-size:.9rem}.protein-source-toggle small{font-size:.8rem}.protein-source-toggle small i{margin-right:.25rem}.nav-tabs{border-bottom:2px solid var(--accent-gold);flex-wrap:wrap}.nav-tabs .nav-item{margin-bottom:-2px}.nav-tabs .nav-link{color:var(--text-secondary);cursor:pointer;background:var(--bg-section);border:1px solid #0000;border-top-left-radius:8px;border-top-right-radius:8px;margin-right:.25rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.nav-tabs .nav-link:hover{border-color:var(--border-light)var(--border-light)var(--accent-gold);background:var(--bg-card);color:var(--primary-color)}.nav-tabs .nav-link.active{color:var(--text-headings);background-color:var(--bg-card);border-color:var(--accent-gold)var(--accent-gold)var(--bg-card);border-width:2px;font-weight:600}.nav-tabs .nav-link .badge{padding:.2rem .4rem;font-size:.75rem}.tab-content{min-height:200px;padding-top:1rem}@media (min-width:992px){.bioproject-biosample-container{display:flex}}@media (max-width:991px){.col-lg-4{margin-bottom:1.5rem}.nav-tabs .nav-link{padding:.5rem .75rem;font-size:.85rem}.nav-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow:auto hidden}.nav-tabs .nav-item{flex-shrink:0}}.empty-list{color:var(--text-muted);justify-content:center;align-items:center;min-height:150px;padding:2rem 1rem;font-style:italic;display:flex}.data-quality-banner{border-radius:8px;align-items:center;padding:.75rem 1rem;font-size:.9rem;display:flex}.data-quality-banner i{font-size:1.1rem}.data-quality-curated{background:linear-gradient(to right,var(--bg-active),var(--bg-section));border:1px solid var(--border-medium);color:var(--text-headings)}.data-quality-curated i{color:var(--primary-light)}.data-quality-uncurated{color:#6b5a24;background:linear-gradient(90deg,#f5ecd4,#faf6eb);border:1px solid #e8ddb8}.data-quality-uncurated i{color:var(--accent-gold)}.pagination-controls{justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:.5rem 0;display:flex}.pagination-indicator{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-success{background-color:var(--primary-light);border-color:var(--primary-light)}.btn-success:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-success{color:var(--primary-light);border-color:var(--primary-light)}.btn-outline-success:hover{background-color:var(--primary-light);border-color:var(--primary-light)}.bg-success{background-color:var(--primary-light)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-warning{background-color:var(--accent-gold)!important}.progress{background-color:var(--bg-section);border:1px solid var(--border-light)}a{color:var(--primary-light)}a:hover{color:var(--primary-color)}.alert-info{background-color:var(--bg-section);border-color:var(--border-light);color:var(--text-secondary)}.alert-success{background-color:var(--bg-active);border-color:var(--border-medium);color:var(--text-headings)}.alert-warning{color:#6b5a24;background-color:#f5ecd4;border-color:#e8ddb8}.alert-danger{color:#6a4a4a;background-color:#f8e8e8;border-color:#e8c8c8}.bg-info{background-color:var(--bg-section)!important}.bg-secondary{background-color:var(--text-muted)!important}.text-info{color:var(--primary-color)!important}.text-success{color:var(--primary-dark)!important}.btn-outline-danger{color:#a85858;border-color:#a85858}.btn-outline-danger:hover{color:#fff;background-color:#a85858;border-color:#a85858}.badge.bg-info{background-color:var(--primary-light)!important;color:#fff!important}.badge.bg-warning{background-color:var(--accent-gold)!important;color:#fff!important}.badge.bg-secondary{background-color:var(--text-muted)!important}.login-background{background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-color)50%,var(--primary-dark)100%)}.login-card{background-color:#fffffff2}.badge-biome{color:#fff;cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:opacity .2s}.badge-biome:hover{opacity:.8}.badge-family{color:#fff;cursor:pointer;background-color:#7a5a8a;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:opacity .2s}.badge-family:hover{opacity:.8}.ipg-count-badge{background:var(--primary-color);color:#fff;vertical-align:middle;border-radius:10px;margin-left:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.ipg-sources{flex-wrap:wrap;gap:.25rem;margin-top:.2rem;display:flex}.ipg-source-pill{background:var(--bg-section);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:8px;padding:.05rem .35rem;font-size:.65rem;font-weight:500;display:inline-block}.filter-chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter-chip{color:#fff;cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.82rem;font-weight:500;transition:opacity .2s;display:inline-flex}.filter-chip:hover{opacity:.85}.filter-chip .close-x{opacity:.8;margin-left:.2rem;font-size:.9rem}.map-page-container{width:100%;height:calc(100vh - 56px);position:relative}.map-leaflet-container{z-index:1;width:100%;height:100%}.map-loading{height:calc(100vh - 56px);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.map-overlay-top-right{z-index:1000;pointer-events:auto;position:absolute;top:12px;right:12px}.map-overlay-bottom-right{z-index:1000;pointer-events:auto;position:absolute;bottom:40px;right:12px}.map-layer-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);background:#ffffffeb;border-radius:10px;min-width:200px;padding:.75rem 1rem;box-shadow:0 2px 12px #00000026}.map-controls-title{color:var(--text-headings);border-bottom:2px solid var(--accent-gold);margin:0 0 .5rem;padding-bottom:.35rem;font-size:.85rem;font-weight:600}.map-control-item{margin-bottom:.4rem}.map-checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;margin:0;font-size:.82rem;display:flex}.map-checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;width:15px;height:15px}.map-opacity-label{color:var(--text-muted);margin-bottom:.15rem;font-size:.78rem;display:block}.map-opacity-range{width:100%;accent-color:var(--primary-color);cursor:pointer}.map-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);background:#ffffffeb;border-radius:10px;max-width:220px;max-height:50vh;overflow-y:auto;box-shadow:0 2px 12px #00000026}.map-legend-toggle{width:100%;color:var(--text-headings);cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem .75rem;font-size:.82rem;font-weight:600;display:block}.map-legend-toggle:hover{color:var(--primary-color)}.map-legend-items{padding:0 .75rem .5rem}.map-legend-item{align-items:center;gap:.4rem;padding:.15rem 0;display:flex}.map-legend-color{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.map-legend-label{color:var(--text-secondary);font-size:.75rem;line-height:1.2}.map-attribution-bar{color:var(--text-muted);z-index:1000;text-align:center;border-top:1px solid var(--border-light);background:#ffffffd9;padding:.2rem .75rem;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.biome-popup .leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 2px 8px #00000026}.biome-popup .leaflet-popup-content{margin:.5rem .75rem;font-size:.9rem}.map-overlay-top-left{z-index:1000;pointer-events:auto;position:absolute;top:12px;left:52px}.species-filter-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);background:#ffffffeb;border-radius:10px;min-width:220px;max-width:260px;padding:.75rem 1rem;box-shadow:0 2px 12px #00000026}.species-filter-input{border:1px solid var(--border-light);border-radius:6px;outline:none;width:100%;margin-bottom:.4rem;padding:.35rem .6rem;font-size:.82rem;transition:border-color .2s}.species-filter-input:focus{border-color:var(--primary-light)}.species-filter-select{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:6px;width:100%;margin-bottom:.4rem;padding:.3rem .5rem;font-size:.82rem}.species-filter-count{color:var(--text-muted);text-align:center;font-size:.75rem}.species-marker-popup{min-width:180px}.species-popup-name{color:var(--text-headings);margin-bottom:.15rem;font-size:1rem;font-weight:600}.species-popup-common{color:var(--text-secondary);margin-bottom:.35rem;font-size:.85rem}.species-popup-stats{color:var(--text-secondary);margin:.4rem 0;font-size:.82rem}.species-popup-link{color:var(--primary-light);margin-top:.35rem;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-block}.species-popup-link:hover{color:var(--primary-color);text-decoration:underline}@media (max-width:768px){.map-layer-controls{min-width:170px;font-size:.8rem}.map-overlay-top-right{top:8px;right:8px}.map-overlay-bottom-right{bottom:40px;right:8px}.map-legend{max-width:180px}.map-overlay-top-left{top:8px;left:8px}.species-filter-panel{min-width:180px;max-width:200px}}