:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#183629;--green-950:#052e21;--green-900:#064e3b;--green-700:#047857;--green-600:#059669;--green-500:#10b981;--lime:#94b82d;--ink:#17392a;--muted:#718176;--line:#e4ebe5;--surface:#ffffffdb;--shadow:0 1.5rem 4rem #07261b1f;background:#f6f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{transition:transform .18s,box-shadow .18s,filter .18s,background .18s}button:hover{transform:translateY(-1px)}.login-page{background:radial-gradient(circle at 75% 20%,#10b98114,#0000 26%),#fff;grid-template-columns:minmax(0,1.04fr) minmax(24rem,.96fr);min-height:100vh;display:grid}.brand-panel{isolation:isolate;background:linear-gradient(120deg,#052e21eb,#065f46d1),radial-gradient(at 12% 82%,#3f8f4f 0 9%,#0000 10%),radial-gradient(at 22% 14%,#6aa75a 0 8%,#0000 9%),radial-gradient(at 86% 74%,#55a45f 0 12%,#0000 13%),radial-gradient(at 74% 18%,#79b45a 0 7%,#0000 8%),linear-gradient(135deg,#0f5a36,#063b27);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.brand-panel:before,.brand-panel:after,.leaf{content:"";filter:blur(.35px);transform-origin:0;background:linear-gradient(90deg,#9dcd5985,#1061371a);border-radius:100% 0;width:48vmin;height:18vmin;position:absolute}.brand-panel:before{bottom:8vmin;left:-8vmin;transform:rotate(-12deg)}.brand-panel:after{top:28vmin;right:-8vmin;transform:rotate(150deg)}.leaf-one{top:18vmin;left:4vmin;transform:rotate(36deg)}.leaf-two{bottom:9vmin;right:12vmin;transform:rotate(206deg)}.leaf-three{bottom:24vmin;left:40vmin;transform:rotate(112deg)}.brand-content{z-index:1;text-align:center;color:#edf8ef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff29;border-radius:2rem;width:min(88%,34rem);padding:4rem 3rem;animation:.65s both fadeUp;position:relative;box-shadow:0 2rem 7rem #00000047}.logo-mark{color:var(--lime);letter-spacing:-.12em;text-shadow:0 1rem 2.5rem #00000038;place-items:center;gap:.2rem;font-size:clamp(5rem,10vw,8rem);font-weight:900;line-height:.82;display:grid}.palm-crown{clip-path:polygon(0 100%,23% 18%,45% 78%,50% 0,56% 78%,78% 18%,100% 100%,58% 68%,50% 100%,42% 68%);background:linear-gradient(90deg,#bddb39,#7da51e);width:8.4rem;max-width:20vw;height:2.45rem}.brand-content h1{letter-spacing:-.04em;margin:1.25rem 0 0;font-size:clamp(1.6rem,2.4vw,2.05rem);font-weight:900}.brand-content p{color:#edf8efbd;max-width:26rem;margin:1rem auto 0;line-height:1.65}.form-panel{background:radial-gradient(circle at 18% 18%,#94b82d1a,#0000 20rem),linear-gradient(#fff,#f8fbf8);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{width:min(100%,24rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #e2e8f0e6;border-radius:1.4rem;padding:2.2rem;animation:.65s .12s both fadeUp;display:grid}.login-card h2{color:var(--green-900);text-align:center;letter-spacing:-.04em;margin:0 0 .7rem;font-size:1.35rem;font-weight:900}.login-card p{color:var(--muted);text-align:center;margin:0 0 1.6rem;font-size:.92rem}.login-card label{color:#526259;margin:0 0 .4rem;font-size:.78rem;font-weight:800}.login-card input{color:#1f2937;background:#f5f8f5;border:1px solid #dfe8e1;border-radius:.75rem;outline:none;width:100%;height:2.7rem;margin-bottom:1rem;padding:0 .9rem;transition:border .16s,box-shadow .16s,background .16s}.login-card input:hover,.filters input:hover{background:#fff}.login-card input:focus,.filters input:focus{border-color:var(--green-600);box-shadow:0 0 0 4px #10b98124}.login-card button,.filters button{background:linear-gradient(135deg, var(--green-600), var(--green-700));color:#fff;cursor:pointer;border:0;font-weight:800;box-shadow:0 .8rem 1.8rem #05966938}.login-card button{border-radius:.8rem;height:2.75rem}.login-card button:hover,.filters button:hover,.dashboard-header button:hover{filter:brightness(.96);box-shadow:0 1rem 2rem #05966947}.login-card .login-guide{color:#52625980;margin:1rem 0 0;font-size:.78rem;line-height:1.55}.login-error{color:#dc2626;text-align:center;margin-top:.8rem;font-size:.8rem}.dashboard-page{background:radial-gradient(circle at 12% 0,#10b98126,#0000 26rem),radial-gradient(circle at 95% 8%,#94b82d29,#0000 24rem),#f4f7f4;min-height:100vh}.dashboard-header{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#46940df5,#005f46f5);justify-content:space-between;align-items:center;min-height:3.8rem;padding:0 7vw;display:flex;position:sticky;top:0;box-shadow:0 .8rem 2rem #0f172a29}.dashboard-header strong{letter-spacing:-.02em;font-size:1rem}.dashboard-header nav{align-items:center;gap:.6rem;display:flex}.dashboard-header a,.dashboard-header button{color:#fff;border-radius:999px;padding:.55rem .8rem;font-size:.82rem;font-weight:800;text-decoration:none}.dashboard-header a:hover,.dashboard-header button:hover{background:#ffffff21}.dashboard-header button{cursor:pointer;background:0 0;border:0}.dashboard-content{width:min(96rem,100%);margin:0 auto;padding:1.4rem 1.2rem 2.4rem}.dashboard-hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffeb,#f1f8f3c7);border:1px solid #e4ebe5e6;border-radius:1.3rem;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1.5rem;animation:.5s both fadeUp;display:flex}.dashboard-hero span{color:var(--green-700);text-transform:uppercase;letter-spacing:.08em;background:#10b9811a;border-radius:999px;margin-bottom:.6rem;padding:.28rem .65rem;font-size:.72rem;font-weight:900;display:inline-flex}.dashboard-hero h1{color:var(--ink);letter-spacing:-.07em;margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.dashboard-hero p{max-width:42rem;color:var(--muted);margin:.9rem 0 0;line-height:1.7}.dashboard-hero strong{white-space:nowrap;color:#fff;background:linear-gradient(135deg, var(--green-600), var(--green-900));border-radius:1rem;padding:.8rem 1rem;box-shadow:0 1rem 2rem #05966938}.filters{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #e4ebe5e6;border-radius:1.1rem;flex-wrap:wrap;align-items:end;gap:.9rem;margin-bottom:1.2rem;padding:1rem;display:flex;box-shadow:0 .8rem 2rem #0f172a0f}.filters label{color:#47564e;gap:.4rem;font-size:.78rem;font-weight:900;display:grid}.filters input,.filters select{color:#374151;background:#f7faf7;border:1px solid #0000;border-radius:.8rem;outline:none;width:10.4rem;height:2.55rem;padding:0 .78rem;box-shadow:inset 0 0 0 1px #e6eee7}.filters button{border-radius:.8rem;height:2.55rem;padding:0 1.2rem}.stats-grid{grid-template-columns:repeat(4,minmax(9rem,1fr));gap:1rem;margin-bottom:1.2rem;display:grid}.stat-card{color:#fff;border-radius:1.15rem;min-height:8rem;padding:1.25rem;transition:transform .18s,box-shadow .18s;animation:.5s both fadeUp;position:relative;overflow:hidden;box-shadow:0 1.1rem 2.8rem #0f172a29}.stat-card:hover,.chart-card:hover{transform:translateY(-3px);box-shadow:0 1.6rem 3.4rem #0f172a24}.stat-card:after{content:"";background:#ffffff29;border-radius:50%;width:8rem;height:8rem;position:absolute;bottom:-2.5rem;right:-2rem}.stat-card span,.stat-card small{z-index:1;font-weight:850;display:block;position:relative}.stat-card span{opacity:.95;margin-bottom:.55rem}.stat-card strong{z-index:1;letter-spacing:-.06em;font-size:clamp(2.2rem,4vw,3.1rem);line-height:1;display:block;position:relative}.stat-card small{color:#ffffffb8;margin-top:.55rem;font-size:.78rem}.stat-card.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.ripe{background:linear-gradient(135deg,#fb923c,#dc4105)}.stat-card.overripe{background:linear-gradient(135deg,#fb7185,#be123c)}.stat-card.raw{background:linear-gradient(135deg,#34d399,#047857)}.stat-card.users{background:linear-gradient(135deg,#635bff,#4338ca)}.stat-card.devices{background:linear-gradient(135deg,#14b8a6,#0f766e)}.stat-card.underripe{background:linear-gradient(135deg,#f97316,#dc4105)}.stat-card.admin-ripe{background:linear-gradient(135deg,#fb7185,#dc2626)}.stat-card.immature{background:linear-gradient(135deg,#10b981,#047857)}.admin-page{background:#f4f6f5}.admin-header{background:linear-gradient(90deg,#4b9b12,#006043);min-height:3rem;padding-inline:9vw}.compact-dashboard{padding-top:.8rem}.admin-stats-grid{grid-template-columns:repeat(6,minmax(8rem,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.admin-stats-grid .stat-card{border-radius:.55rem;min-height:7.2rem;padding:1rem}.admin-stats-grid .stat-card strong{font-size:clamp(2rem,3vw,2.7rem)}.admin-charts{grid-template-columns:minmax(18rem,32rem) minmax(28rem,1fr)}.admin-charts .chart-card{border-radius:.6rem;min-height:27rem}.admin-data-content{padding-top:1.1rem}.data-page-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.page-kicker{color:var(--green-700);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:900;display:block}.data-page-toolbar h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:1.65rem}.data-page-toolbar p{color:var(--muted);margin:.35rem 0 0;font-size:.86rem}.admin-filters{align-items:end;margin-top:0}.admin-filters label{min-width:10.5rem}.admin-filters input,.admin-filters select{width:100%}.admin-filters button{color:#486052;box-shadow:none;background:#e8f0e9}.export-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:0;border-radius:.8rem;height:2.55rem;padding:0 1rem;font-weight:850;box-shadow:0 .65rem 1.4rem #10b98133}.data-table-wrap{background:#fff;border:1px solid #dfe9e1;border-radius:.9rem;overflow-x:auto;box-shadow:0 .8rem 2rem #0f172a14}.data-table{border-collapse:collapse;color:#304137;width:100%;min-width:72rem;font-size:.78rem}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf2ee;padding:.68rem .8rem}.data-table th{color:#245334;background:#bdf553;font-size:.72rem;font-weight:900}.data-table tbody tr:hover{background:#f7fbf8}.level-badge{border-radius:999px;justify-content:center;min-width:4.8rem;padding:.2rem .45rem;font-size:.7rem;font-weight:850;display:inline-flex}.level-1{color:#08734c;background:#d6f7e8}.level-2{color:#945000;background:#fff0c7}.level-3{color:#a3263f;background:#ffe0e6}.empty-table{color:var(--muted);text-align:center!important;padding:3rem 1rem!important}.pagination{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:1rem;display:flex}.pagination button{color:#65746b;cursor:pointer;background:#e9eee9;border:0;border-radius:.35rem;min-width:2.2rem;height:2rem;padding:0 .55rem;font-size:.78rem;font-weight:850}.pagination button:hover:not(:disabled){color:var(--green-900);background:#d8e8da}.pagination button.active{color:#fff;background:#6fc70d}.pagination button:disabled{cursor:not-allowed;opacity:.45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.export-button:hover{filter:brightness(.96);box-shadow:0 1rem 2rem #05966947}.admin-filters button:hover{background:#d8e8da}.data-page-toolbar .export-button{flex:none}.data-page-toolbar+.filters{margin-bottom:1rem}.data-table td:first-child,.data-table th:first-child{text-align:center}.data-table td:nth-child(3),.data-table th:nth-child(3){font-weight:800}.data-table td:last-child,.data-table th:last-child{min-width:10rem}.data-table tbody tr:last-child td{border-bottom:0}.data-table-wrap:focus-within{outline-offset:3px;outline:3px solid #10b98129}.data-table th:first-child{border-top-left-radius:.35rem}.data-table th:last-child{border-top-right-radius:.35rem}@media (width<=760px){.data-page-toolbar{flex-direction:column;align-items:flex-start}.data-page-toolbar .export-button{width:100%}}.charts-grid{grid-template-columns:minmax(18rem,31rem) minmax(28rem,1fr);gap:1.25rem;display:grid}.chart-card{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #e4ebe5e0;border-radius:1.25rem;min-height:29rem;padding:1.35rem;transition:transform .18s,box-shadow .18s;box-shadow:0 1rem 2.8rem #0f172a14}.chart-card h2{color:#5c9124;text-align:center;letter-spacing:-.02em;margin:0 0 1rem;font-size:1rem;line-height:1.45}.legend{color:#68756d;flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;margin-bottom:1rem;font-size:.78rem;font-weight:750;display:flex}.legend span{align-items:center;gap:.35rem;display:flex}.legend i{border-radius:999px;width:1.8rem;height:.55rem;display:block}.pie-chart{aspect-ratio:1;border-radius:50%;place-items:center;width:min(22rem,78vw);margin:.6rem auto 0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffb3,0 1.2rem 3rem #0f172a1f}.pie-chart:after{content:"";aspect-ratio:1;background:#ffffffeb;border-radius:50%;width:45%;position:absolute;box-shadow:inset 0 0 0 1px #eef3ef}.pie-chart span{z-index:1;color:var(--ink);letter-spacing:-.06em;font-size:2rem;font-weight:900}.bar-chart{background:linear-gradient(#fff6,#f8fbf8a6);border-radius:.9rem;width:100%;min-height:22rem;padding:.3rem}.bar-chart line{stroke:#e2e8e3;stroke-width:1px}.bar-chart path{fill:none;stroke:#cfd8d1;stroke-width:1.4px}.bar-chart text{fill:#718176;text-anchor:middle;font-size:13px;font-weight:800}.bar-chart .bar-value{fill:var(--ink);font-size:14px;font-weight:900}.bar-chart .bar-label{fill:#526259;font-size:14px}.bar-chart .bar-axis-label{fill:#718176;font-size:12px}.bar-column rect{opacity:.92;stroke:#fffc;stroke-width:1.2px;transition:opacity .16s,filter .16s}.bar-column:hover rect{opacity:1;filter:brightness(.96)}.bar-column:hover .bar-value{fill:var(--green-900)}@media (prefers-reduced-motion:reduce){.bar-column rect{transition:none}}.bar-chart+.empty-chart{min-height:22rem}.empty-chart{min-height:22rem;color:var(--muted);background:#f8fbf8;border:1px dashed #cad6cd;border-radius:1rem;place-items:center;font-weight:800;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.login-page{grid-template-columns:1fr}.brand-panel,.form-panel{min-height:50vh}.stats-grid,.admin-stats-grid,.charts-grid{grid-template-columns:1fr 1fr}.charts-grid,.admin-charts{grid-template-columns:1fr}}@media (width<=760px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:.7rem;min-height:auto;padding:.9rem 1rem}.dashboard-header nav{justify-content:space-between;width:100%}.dashboard-content{padding-inline:.85rem}.dashboard-hero{flex-direction:column;align-items:flex-start}.stats-grid,.admin-stats-grid{grid-template-columns:1fr}.filters input,.filters select,.filters button{width:100%}.filters label{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}