*{box-sizing:border-box}:root{color:#edf7f2;font-synthesis:none;text-rendering:optimizelegibility;background:#06171a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:0;min-height:100%}html{background:#06171a}body{color:#edf7f2;background:linear-gradient(135deg,#041418a8,#04191aba),url(/images/background-forest.png) 50%/cover no-repeat fixed;min-width:320px;min-height:100vh;margin:0;display:block!important}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 20%,#3a977914,#0000 34rem),linear-gradient(#020e100d,#020e1033);position:fixed;inset:0}#root{width:100%!important;max-width:none!important;margin:0!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s,opacity .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #67cba26b}::selection{color:#fff;background:#47ca9961}#root{width:100%;min-height:100vh;margin:0;padding:0}.dashboard-shell{background:0 0;grid-template-columns:250px minmax(0,1fr);width:100%;min-height:100vh;margin:0;display:grid}.content-area{width:100%;min-width:0;padding:28px 34px 50px}.sidebar{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#143429e0,#0a221ad1);border:1px solid #b9e6cf1f;border-radius:20px;flex-direction:column;min-height:calc(100vh - 32px);margin:16px 0 16px 16px;padding:25px 16px;display:flex;box-shadow:0 18px 45px #0003}.brand{align-items:center;gap:11px;padding:0 7px 27px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#42a979,#277959);border-radius:11px;place-items:center;width:38px;height:38px;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 8px 18px #165b443b}.brand-name{color:#f0f8f4;letter-spacing:-.025em;font-size:1.1rem;font-weight:800}.brand-subtitle{color:#91a99d;letter-spacing:.08em;margin-top:2px;font-size:.62rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:5px;display:flex}.sidebar-link{color:#b8ccc2;width:100%;min-height:43px;box-shadow:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:.86rem;font-weight:550;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.sidebar-link:hover{color:#fff;box-shadow:none;background:#6cbe971a;transform:none}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#53b4873d,#2f826029);border-color:#82d6ae1f;font-weight:720}.sidebar-link.active:before{content:"";background:#6ed6aa;border-radius:999px;width:3px;height:20px;animation:.22s ease-out activeNav;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.nav-icon{color:#8fb2a1;text-align:center;width:20px;font-size:1rem}.sidebar-link.active .nav-icon{color:#8be0bd}.logout-link{text-align:left;margin-top:3px}.sidebar-nav button{color:#b8ccc2;box-shadow:none;background:0 0;border-color:#0000}.sidebar-nav button:hover{color:#fff;box-shadow:none;background:#6cbe971a}.sidebar-footer{border-top:1px solid #bfe5d21a;flex-direction:column;gap:3px;padding:18px 8px 2px;display:flex}.sidebar-footer span{color:#728f81;font-size:.67rem}.sidebar-footer strong{color:#bfd2c8;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;overflow:hidden}.content-topbar{color:#9cb2a7;justify-content:space-between;align-items:center;gap:20px;min-height:42px;margin-bottom:19px;padding:0 4px;font-size:.73rem;display:flex}.content-topbar>div:first-child{align-items:center;gap:8px;display:flex}.system-dot{background:#61d19f;border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite systemPulse;display:inline-block}.system-status{color:#9ee0bf;background:#34956924;border:1px solid #5ac79221;border-radius:999px;padding:6px 10px;font-weight:650}main{width:100%;margin:0;animation:.42s ease-out both pageEnter}main>h1{color:#f2faf6;letter-spacing:-.03em;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.08}main>p{color:#a9beb4;max-width:690px;margin:0 0 25px;font-size:.91rem;line-height:1.65}main a{color:#7eddb6;font-weight:700}main a:hover{color:#a0e9ca}section{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#1f3e32ad,#132e248f);border:1px solid #bee7d31c;border-radius:16px;margin:0 0 20px;padding:23px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 15px 38px #0000002b,inset 0 1px #ffffff0b}section:hover{border-color:#71cda033;box-shadow:0 18px 45px #00000036}section h2{color:#eef8f3;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700}section p{color:#a9bdb3}form{width:100%;max-width:760px;box-shadow:none;-webkit-backdrop-filter:blur(18px);background:#15302557;border:1px solid #b7e2cd17;border-radius:15px;padding:23px}section form{max-width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding:0}form>div{margin-bottom:16px}label{color:#ccddd5;margin:0 0 7px;font-size:.76rem;font-weight:700;display:block}input,select,textarea{color:#eef8f3;background:#081e167a;border:1px solid #b6e1cb21;border-radius:8px;width:100%;min-height:43px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;box-shadow:inset 0 1px 2px #00000014}input::placeholder,textarea::placeholder{color:#789187}input:hover,select:hover,textarea:hover{border-color:#8cd2b159}input:focus,select:focus,textarea:focus{background:#0c271dad;border-color:#54bb88;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #54bb881c}select option{color:#eaf5ef;background:#153529}select[multiple]{min-height:135px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42a979,#277959);border:1px solid #6acfa024;border-radius:8px;min-height:38px;padding:9px 14px;font-size:.78rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000021}button:hover{background:linear-gradient(135deg,#51bd8a,#318866);transform:translateY(-2px);box-shadow:0 8px 18px #0000002e}button:active{transform:translateY(1px)scale(.98)}main>button{margin-bottom:8px}table{border-collapse:separate;border-spacing:0;background:#112b2070;border:1px solid #b9e4ce1a;border-radius:12px;width:100%;margin-top:15px;overflow:hidden;box-shadow:0 10px 27px #0000001c}thead{background:#486f5c47}th{color:#b9cec4;text-align:left;text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid #c1e6d317;padding:12px 13px;font-size:.67rem;font-weight:800}td{color:#cfddd6;border-bottom:1px solid #c2e6d312;padding:13px;font-size:.82rem;line-height:1.45}tbody tr{transition:background-color .16s,box-shadow .16s}tbody tr:hover{background:#53ae8213;box-shadow:inset 3px 0 #5bc29173}tbody tr:last-child td{border-bottom:none}td button{min-height:32px;margin:0;padding:6px 10px;font-size:.7rem}td:last-child button{color:#ffc7c1;box-shadow:none;background:#97362f47;border:1px solid #e7706442}td:last-child button:hover{color:#fff;box-shadow:none;background:#a9443b}form+p,section>form~p{color:#aee0c7;background:#3e976c1c;border:1px solid #64c29424;border-radius:8px;width:fit-content;max-width:100%;margin:14px 0 0;padding:9px 12px;font-size:.78rem;animation:.26s ease-out feedbackEnter}.monitoring-home{color:#edf7f2}.monitoring-hero{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px;display:flex}.monitoring-eyebrow{color:#75d8b1;letter-spacing:.14em;margin-bottom:10px;font-size:.66rem;font-weight:800;display:block}.monitoring-hero h1{color:#fff;letter-spacing:-.04em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,4vw,4rem);line-height:.98}.monitoring-hero h1 span{color:#71d5ae}.monitoring-hero>div>p{color:#b4c9c1;max-width:650px;margin:0;font-size:.93rem;line-height:1.65}.monitoring-quote{color:#d9e9e2;border-left:3px solid #65cba3;max-width:260px;margin:0 0 4px;padding-left:18px;font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-style:italic;line-height:1.5}.monitoring-home-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:22px;display:grid}.species-panel,.suggestion-card{-webkit-backdrop-filter:blur(22px)saturate(120%);background:linear-gradient(145deg,#0d2b2cd1,#081f20b8);border:1px solid #9ddbc22b;border-radius:20px;margin:0;box-shadow:0 20px 55px #0000003d,inset 0 1px #ffffff0d}.monitoring-section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:21px;display:flex}.monitoring-section-header h2,.suggestion-card h2{color:#f1f8f5;margin:0 0 6px;font-size:1.18rem}.monitoring-section-header p,.suggestion-card>p{color:#91aaa0;margin:0;font-size:.75rem}.monitoring-count{color:#8be0bd;background:#53be921f;border:1px solid #68cca32e;border-radius:50%;place-items:center;min-width:38px;height:38px;font-size:.8rem;font-weight:800;display:grid}.species-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.species-card{background:linear-gradient(135deg,#254c48b3,#183a37a8);border:1px solid #9dd9c021;border-radius:16px;align-items:center;gap:13px;min-width:0;padding:13px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.species-card:hover{background:linear-gradient(135deg,#2d5b54d1,#1d4640c2);border-color:#67cfa44d;transform:translateY(-3px);box-shadow:0 12px 25px #00000029}.species-card img{object-fit:cover;border:2px solid #70d6ad61;border-radius:50%;flex:0 0 74px;width:74px;height:74px;box-shadow:0 7px 16px #0000002e}.species-info{flex-direction:column;gap:5px;min-width:0;display:flex}.species-info strong{color:#f0f7f4;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.species-info span{color:#89a49a;font-size:.65rem}.species-status{background:#61d19f;border-radius:50%;width:7px;height:7px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 4px #61d19f14}.suggestion-label{color:#69cba5;letter-spacing:.12em;margin-bottom:9px;font-size:.6rem;font-weight:800;display:block}.suggestion-card form{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;margin-top:22px;padding:0}.suggestion-card label{color:#d3e2dc}.suggestion-card input{color:#edf7f2;background:#041a1b9e;border:1px solid #99d3bb29;border-radius:10px;min-height:45px}.suggestion-card input::placeholder{color:#708b81}.suggestion-card input:focus{border-color:#64cba3;box-shadow:0 0 0 3px #64cba31c}.suggestion-card button{color:#07271d;background:linear-gradient(135deg,#77dab2,#4bb58c);border-radius:10px;width:100%;min-height:46px;margin-top:4px;font-size:.78rem}.suggestion-card button:hover{background:linear-gradient(135deg,#88e5be,#5ac498)}.monitoring-success,.monitoring-error{border-radius:9px;margin-top:15px;padding:10px 12px;font-size:.72rem}.monitoring-success{color:#abe4c9;background:#3d9d701c;border:1px solid #60c7932b}.monitoring-error{color:#f0b6af;background:#b1453b1c;border:1px solid #da70662e}.dashboard-shell:has(.login-page){width:100%;min-height:100vh;box-shadow:none;background:linear-gradient(#031c1457,#031c1480),url(/images/tinyear-forest.png) 50%/cover no-repeat;border:none;display:block}:is(.dashboard-shell:has(.login-page) .sidebar,.dashboard-shell:has(.login-page) .content-topbar){display:none}.dashboard-shell:has(.login-page) .content-area{background:0 0;width:100%;min-height:100vh;padding:0}.login-page{background:0 0;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 20px;display:flex}.login-page>h1,.login-page>p{display:none}.login-card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(115%);background:linear-gradient(145deg,#f4f8f2db,#e1ebe3c4);border:1px solid #ffffffa6;border-radius:22px;width:min(430px,100% - 24px);padding:34px;box-shadow:0 24px 65px #00000052,inset 0 1px #ffffffe6}.login-brand-icon{color:#fff;background:linear-gradient(135deg,#267557,#10503a);border-radius:11px;place-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:1.2rem;font-weight:800;display:grid;box-shadow:0 8px 19px #1859403b}.login-brand{color:#17392c;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:700}.login-subtitle{color:#66786e;letter-spacing:.1em;margin:3px 0 22px;font-size:.57rem;font-weight:700;display:block}.login-card h1{color:#223b2f;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.login-card>p{color:#65756c;max-width:310px;margin:0 auto 23px;font-size:.77rem;line-height:1.5}.login-card form{text-align:left;width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding:0}.login-card form>div{margin-bottom:15px}.login-card label{color:#40544a;font-size:.7rem;font-weight:700}.login-card input{color:#243a30;background:#ffffffb8;border:1px solid #4663532e;min-height:44px}.login-card input:focus{color:#243a30;background:#ffffffe6}.login-card button{width:100%;min-height:43px;margin-top:4px}.login-error{color:#9f3e35;background:#b9433914;border:1px solid #b9433924;border-radius:8px;margin-top:14px;padding:8px 10px}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes activeNav{0%{opacity:0;height:5px}to{opacity:1;height:20px}}@keyframes feedbackEnter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes systemPulse{0%,to{box-shadow:0 0 0 3px #61d19f14}50%{box-shadow:0 0 0 7px #61d19f05}}@media (width>=1500px){.dashboard-shell{grid-template-columns:260px minmax(0,1fr)}.content-area{padding:34px 48px 50px}}@media (width<=1050px){.monitoring-home-grid{grid-template-columns:1fr}}@media (width<=900px){.dashboard-shell{display:block}.sidebar{border-radius:16px;min-height:auto;margin:10px;padding:15px}.brand{padding-bottom:13px}.sidebar-nav{flex-direction:row;padding-bottom:3px;overflow-x:auto}.sidebar-link{white-space:nowrap;flex:none;width:auto}.sidebar-footer{display:none}.content-area{padding:15px 14px 30px}table{display:block;overflow-x:auto}th,td{white-space:nowrap}}@media (width<=760px){.monitoring-hero{flex-direction:column;align-items:flex-start;gap:18px}.monitoring-quote{max-width:100%}.species-grid{grid-template-columns:1fr}}@media (width<=600px){.sidebar{margin:7px;padding:12px}.brand-icon{width:34px;height:34px}.brand-name{font-size:1rem}.nav-icon{display:none}.sidebar-link{min-height:37px;padding:8px 10px;font-size:.76rem}.content-area{padding:17px 14px 28px}.content-topbar{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:22px}main>h1{font-size:1.9rem}main>p{font-size:.85rem}section,form{padding:17px}section form{padding:0}th,td{padding:11px;font-size:.78rem}.login-page{padding:20px 12px}.login-card{padding:25px 20px}}@media (width<=500px){.species-card img{flex-basis:62px;width:62px;height:62px}}@media (prefers-reduced-motion:reduce){main,.system-dot,.sidebar-link.active:before,form+p,section>form~p{animation:none}*,:before,:after{transition-duration:.01ms!important}}