:root{--navy: #0d1b2a;--navy-mid: #1b3a5c;--navy-light: #254e78;--teal: #1a9e97;--teal-light: #20c5be;--teal-pale: #e6f7f7;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-800: #1e293b;--red: #dc2626;--red-pale: #fef2f2;--amber: #d97706;--amber-pale: #fffbeb;--green: #16a34a;--green-pale: #f0fdf4;--sidebar-w: 220px;--header-h: 56px;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;color:var(--gray-800);background:var(--gray-50);line-height:1.5}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--navy);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-logo{padding:20px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo h1{font-size:15px;font-weight:700;color:var(--white);line-height:1.3}.sidebar-logo span{font-size:11px;color:var(--gray-400)}.sidebar-nav{flex:1;padding:12px 8px}.nav-section{margin-bottom:20px}.nav-section-label{font-size:10px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 6px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:#ffffffb3;font-size:13px;font-weight:500;transition:background .15s,color .15s;cursor:pointer;text-decoration:none}.nav-link:hover{background:#ffffff14;color:var(--white);text-decoration:none}.nav-link.active{background:var(--teal);color:var(--white)}.nav-link .badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer span{font-size:12px;color:var(--gray-400)}.sidebar-footer button{font-size:12px;color:var(--teal-light);background:none;border:none;cursor:pointer;padding:0;margin-top:4px;display:block}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--header-h);background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.topbar-title{font-size:16px;font-weight:600;color:var(--gray-800);flex:1}.topbar-actions{display:flex;gap:8px;align-items:center}.page-content{flex:1;overflow-y:auto;padding:24px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.card-header{padding:16px 20px 12px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h2{font-size:14px;font-weight:600;color:var(--gray-800)}.card-body{padding:16px 20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-tile{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-tile .label{font-size:11px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat-tile .value{font-size:22px;font-weight:700;color:var(--navy-mid);margin-top:4px}.stat-tile .sub{font-size:11px;color:var(--gray-400);margin-top:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}tbody tr{border-bottom:1px solid var(--gray-100);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--gray-50)}tbody td{padding:8px 12px;color:var(--gray-800)}tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.section-row td{background:var(--teal-pale);font-weight:600;color:var(--navy-mid);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-primary:hover:not(:disabled){background:var(--navy-mid);border-color:var(--navy-mid)}.btn-secondary{background:var(--white);color:var(--gray-800);border-color:var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-sm{padding:4px 10px;font-size:12px}.btn-link{background:none;border:none;color:var(--teal);padding:0;font-size:13px;cursor:pointer}.form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;font-weight:600;color:var(--gray-600)}.field input,.field select,.field textarea{padding:7px 10px;border:1px solid var(--gray-200);border-radius:6px;font-size:13px;color:var(--gray-800);background:var(--white);outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a9e971a}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.pill-teal{background:var(--teal-pale);color:var(--teal)}.pill-amber{background:var(--amber-pale);color:var(--amber)}.pill-red{background:var(--red-pale);color:var(--red)}.pill-green{background:var(--green-pale);color:var(--green)}.pill-gray{background:var(--gray-100);color:var(--gray-600)}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.alert-error{background:var(--red-pale);color:var(--red);border:1px solid #fecaca}.alert-info{background:var(--teal-pale);color:var(--teal);border:1px solid #a7f3d0}.alert-warn{background:var(--amber-pale);color:var(--amber);border:1px solid #fde68a}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.weather-card{border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px;background:var(--white)}.weather-card h3{font-size:13px;font-weight:600;color:var(--navy-mid);margin-bottom:8px}.weather-stat{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid var(--gray-100)}.weather-stat:last-child{border-bottom:none}.weather-stat .wk{color:var(--gray-600)}.weather-stat .wv{font-weight:600;color:var(--gray-800)}.weather-summary-text{font-size:12px;color:var(--gray-600);margin-top:8px;line-height:1.5;font-style:italic}.login-page{min-height:100vh;background:var(--navy);display:flex;align-items:center;justify-content:center}.login-card{background:var(--white);border-radius:12px;padding:40px 36px;width:360px;box-shadow:var(--shadow-md)}.login-card h1{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px}.login-card p{font-size:13px;color:var(--gray-400);margin-bottom:28px}.login-card .field{margin-bottom:14px}.login-card .field input{width:100%}.login-card .btn-primary{width:100%;justify-content:center;margin-top:6px;padding:10px;font-size:14px}.date-range-bar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;padding:16px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.compare-grid{grid-template-columns:1fr}}.disc-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-100)}.disc-row:last-child{border-bottom:none}.disc-species{font-weight:600;font-size:13px}.disc-meta{font-size:11px;color:var(--gray-400)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.loading-center{display:flex;align-items:center;justify-content:center;padding:60px;gap:10px;color:var(--gray-400)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:18px;font-weight:700;color:var(--gray-800)}.page-header p{font-size:13px;color:var(--gray-400);margin-top:2px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.gap-8{gap:8px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:12px}.text-muted{color:var(--gray-400)}.font-bold{font-weight:700}.w-full{width:100%}.excluded-row td{opacity:.45;text-decoration:line-through}