:root{--green:#008a3f;--green2:#0aa64c;--green3:#eaf7ef;--green4:#d9f0e2;--orange:#f47b20;--orange2:#fff1e7;--ink:#0d2740;--muted:#6d7f8f;--line:#d9e3ea;--bg:#f3f7f8;--white:#fff;--danger:#e64a42;--shadow:0 8px 28px rgba(16,46,65,.08);--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.small{font-size:12px}.hidden{display:none!important}
/* LOGIN */
.login-page{min-height:100vh;background:url('../img/fondo_login.png') center/cover no-repeat fixed;position:relative;overflow:auto}.login-overlay{position:fixed;inset:0;background:linear-gradient(100deg,rgba(0,74,38,.72),rgba(0,64,34,.34) 38%,rgba(6,43,31,.30));backdrop-filter:saturate(.9)}.login-wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.login-card-new{width:min(540px,95vw);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:28px 34px 30px;box-shadow:0 25px 70px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.login-brand-new{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.login-brand-new img{width:66px;height:66px;object-fit:contain}.login-brand-new strong{display:block;color:var(--green);font-size:26px;font-weight:950;letter-spacing:.6px}.login-brand-new span{display:block;color:var(--orange);font-size:16px;font-weight:900;letter-spacing:1.6px;margin-top:4px}.login-copy{padding:18px 0 6px}.login-copy h1{margin:0 0 6px;font-size:25px}.login-copy p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.login-form-new label{display:block;font-weight:850;margin:15px 0 7px}.field-icon{position:relative;display:flex;align-items:center}.field-icon>span{position:absolute;left:14px}.field-icon input{width:100%;height:48px;border:1px solid #cbd8e1;border-radius:10px;padding:0 95px 0 44px;background:#fff;outline:none}.field-icon input:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(10,166,76,.10)}.field-icon button{position:absolute;right:8px;border:0;background:var(--green3);color:var(--green);font-weight:850;padding:8px 10px;border-radius:8px}.btn-main{width:100%;border:0;border-radius:10px;background:linear-gradient(135deg,var(--green),#0bb654);color:#fff;font-weight:900;font-size:17px;padding:14px 18px;margin-top:20px;box-shadow:0 10px 24px rgba(0,138,63,.23)}.login-foot{color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 5px #000;margin-top:12px}
/* ADMIN SHELL */
.admin-shell{min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#fff;border-right:1px solid var(--line);z-index:30;overflow-y:auto;transition:.22s}.admin-brand{height:78px;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--green);font-size:18px;font-weight:950;line-height:1.05}.admin-brand img{width:48px;height:48px;object-fit:contain}.admin-service{padding:15px 18px 10px}.admin-service small{display:block;color:var(--muted);font-weight:850;font-size:10px;letter-spacing:1.4px}.admin-service strong{display:block;color:var(--ink);font-size:12px;line-height:1.35;margin-top:4px}.admin-nav{padding:6px 10px 20px}.admin-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:4px 0;border-radius:10px;text-decoration:none;color:#126f3b;font-size:13px;font-weight:850}.admin-nav a>span{width:22px;text-align:center;filter:saturate(.8)}.admin-nav a:hover{background:#f0f8f3}.admin-nav a.active{background:var(--green);color:#fff;box-shadow:0 6px 14px rgba(0,138,63,.16)}.admin-nav .logout{color:#b83d37}.nav-sep{height:1px;background:var(--line);margin:10px 8px}.admin-main{margin-left:260px;min-height:100vh;transition:.22s}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.icon-btn{border:0;background:transparent;color:var(--green);font-size:24px;font-weight:900}.topbar-title{justify-self:center;display:flex;align-items:baseline;gap:10px}.topbar-title b{font-size:17px;color:var(--green);letter-spacing:.4px}.topbar-title span{font-size:14px;color:var(--orange);font-weight:900;letter-spacing:.8px}.topbar-user{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:800}.topbar-user span{color:var(--muted)}.topbar-user a{color:#0b62da;text-decoration:none}.admin-content{padding:22px;max-width:1580px;margin:auto}.page-heading{background:linear-gradient(135deg,#078f44,#0baa4d);border-radius:14px;color:#fff;padding:18px 22px;margin-bottom:16px;box-shadow:0 8px 20px rgba(0,138,63,.13)}.page-heading p{margin:0 0 3px;font-size:10px;font-weight:900;letter-spacing:1.5px;opacity:.8}.page-heading h1{margin:0;font-size:23px}.sidebar-collapsed .admin-sidebar{transform:translateX(-260px)}.sidebar-collapsed .admin-main{margin-left:0}
/* COMPONENTS */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:14px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.panel-body{padding:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-group label{display:block;font-size:12px;font-weight:900;margin:0 0 6px}.form-control,input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],select,textarea{width:100%;border:1px solid #cbd8e1;border-radius:9px;background:#fff;color:var(--ink);padding:10px 12px;min-height:42px;outline:none}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(10,166,76,.08)}textarea{min-height:82px;resize:vertical}.help{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.35}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}.btn{border:0;border-radius:9px;padding:9px 13px;text-decoration:none;font-weight:850;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--green2);color:#fff}.btn-soft{background:var(--green3);color:var(--green)}.btn-orange{background:var(--orange);color:#fff}.btn-danger{background:#ffe8e7;color:#bd3530}.btn-blue{background:#e9f2ff;color:#1961bd}.btn-dark{background:#163047;color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.flash{border-radius:10px;padding:11px 13px;margin:10px 0;font-size:13px;font-weight:750}.flash.success{background:#e8f7ee;color:#126b38;border:1px solid #c4e9d1}.flash.error{background:#ffeded;color:#a8322d;border:1px solid #ffd0ce}.flash.warn{background:#fff7df;color:#886200;border:1px solid #f4e4a4}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.table th{background:#eef8f2;color:#067b37;font-weight:900;text-align:left;padding:10px 11px;border-bottom:1px solid #cfe1d7;white-space:nowrap}.table td{padding:10px 11px;border-bottom:1px solid #e4ebef;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfdfc}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.status.on{background:#e3f6eb;color:#087536}.status.off{background:#f1f2f3;color:#687681}.color-dot{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle;margin-right:6px;border:1px solid #0002}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.check-card{border:1px solid var(--line);border-radius:10px;padding:10px 11px;display:flex;align-items:center;gap:9px;background:#fff}.check-card:hover{border-color:#a9d7bb;background:#fbfefc}.check-card input{width:17px;height:17px;accent-color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat-card{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green2);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}.stat-card.orange{border-left-color:var(--orange)}.stat-card small{display:block;color:var(--muted);font-weight:850}.stat-card strong{display:block;font-size:27px;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--green3);color:var(--green);font-size:11px;font-weight:850}.pill.orange{background:var(--orange2);color:#b85a12}.empty{padding:25px;text-align:center;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.section-note{background:#f8fbfc;border:1px dashed #cbdbe4;border-radius:10px;padding:11px 12px;color:var(--muted);font-size:12px;line-height:1.45}.inline-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfdfd;min-height:90px}
/* VIEWER */
.viewer-page{height:100vh;overflow:hidden;background:#eaf0f3}.viewer-shell{height:100vh;display:grid;grid-template-rows:76px 1fr}.viewer-header{background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:20px;padding:0 18px;z-index:1000}.viewer-brand{display:flex;align-items:center;gap:10px}.viewer-brand img{width:50px;height:50px;object-fit:contain}.viewer-brand b{display:block;color:var(--green);font-size:16px}.viewer-brand span{display:block;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.7px;margin-top:3px}.viewer-selectors{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;max-width:900px}.selector label{display:block;font-size:9px;font-weight:950;color:var(--muted);letter-spacing:.9px;margin-bottom:4px}.selector select{height:40px;margin:0;padding:7px 10px;font-size:12px}.viewer-user{text-align:right;font-size:11px;font-weight:800;color:var(--muted)}.viewer-user b{display:block;color:var(--ink);margin-bottom:4px}.viewer-user a{color:#d33c35;text-decoration:none}.viewer-main{min-height:0;display:grid;grid-template-columns:350px 1fr;position:relative}.viewer-sidebar{background:#fff;border-right:1px solid var(--line);overflow-y:auto;padding:14px;z-index:500}.viewer-panel{border:1px solid var(--line);border-radius:12px;margin-bottom:11px;overflow:hidden;background:#fff}.viewer-panel h3{margin:0;padding:11px 12px;background:#f6faf8;color:#086f37;font-size:13px;border-bottom:1px solid #e2ece6}.viewer-panel .inside{padding:12px}.report-name{font-weight:950;font-size:16px;color:var(--ink);margin-bottom:4px}.report-date{font-size:11px;color:var(--muted)}.report-buttons{display:flex;gap:7px;margin-top:10px}.report-buttons .btn{flex:1}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #eef2f4;font-size:12px;font-weight:750}.layer-row:last-child{border-bottom:0}.switch{position:relative;width:38px;height:21px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;inset:0;background:#cbd5dc;border-radius:999px;transition:.2s}.switch i:before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.switch input:checked+i{background:var(--green2)}.switch input:checked+i:before{transform:translateX(17px)}.range{width:100%;accent-color:var(--green)}.crop-list{display:flex;flex-wrap:wrap;gap:7px}.crop-chip{border:1px solid #d9e5de;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850;background:#fbfefc}.crop-chip .color-dot{width:11px;height:11px;margin-right:4px}.summary-list{display:grid;gap:7px}.summary-item{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:7px;font-size:11px}.summary-item b{font-size:11px}.summary-total{margin-top:9px;padding-top:9px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-weight:950;font-size:12px}.gee-info{font-size:11px;line-height:1.5;color:var(--muted)}.gee-info b{color:var(--ink)}.map-wrap{position:relative;min-width:0}.map{position:absolute;inset:0;background:#dfe9ed}.map-toolbar{position:absolute;top:14px;right:14px;z-index:650;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow);display:flex;gap:5px}.map-toolbar select{width:auto;min-height:34px;margin:0;padding:5px 8px;font-size:11px}.map-legend{position:absolute;right:14px;bottom:24px;z-index:650;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:var(--shadow);min-width:150px;font-size:10px}.map-legend strong{display:block;margin-bottom:7px;font-size:11px}.legend-row{display:flex;align-items:center;gap:7px;margin:5px 0}.legend-swatch{width:13px;height:13px;border-radius:3px}.viewer-menu-btn{display:none}.loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.48);z-index:900;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--green);backdrop-filter:blur(2px)}.toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:800;background:#183248;color:#fff;padding:9px 12px;border-radius:9px;font-size:11px;box-shadow:var(--shadow)}
.nav-group-title{padding:13px 12px 4px;color:#8a99a3;font-size:9px;font-weight:950;letter-spacing:1.25px}.nav-group-title:first-child{padding-top:4px}.color-field{display:flex;align-items:center;gap:8px}.color-field input[type=color]{width:44px;height:38px;padding:2px;border:1px solid #cbd8e1;border-radius:8px;background:#fff}.color-code{font-size:11px;font-weight:850;color:var(--muted)}.file-current{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px}.status.warn{background:#fff5d9;color:#8f6700}.table .mono{font-family:Consolas,monospace;font-size:10px;color:#4d5d68}.general-layer-loading{opacity:.55;pointer-events:none}.general-layer-error{color:#b23e38;font-size:10px;margin-top:4px}
@media(max-width:1050px){.topbar-title span{display:none}.viewer-header{grid-template-columns:210px 1fr auto}.viewer-main{grid-template-columns:310px 1fr}.viewer-selectors{grid-template-columns:repeat(3,minmax(130px,1fr))}.grid4,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.admin-sidebar{transform:translateX(-260px)}.admin-main{margin-left:0}.sidebar-collapsed .admin-sidebar{transform:translateX(0)}.topbar-user span{display:none}.grid2,.grid3,.split{grid-template-columns:1fr}.admin-content{padding:14px}.viewer-shell{grid-template-rows:auto 1fr}.viewer-header{min-height:74px;grid-template-columns:1fr auto;padding:8px 12px}.viewer-brand{grid-column:1}.viewer-user{grid-column:2;grid-row:1}.viewer-selectors{grid-column:1/3;grid-row:2;grid-template-columns:1fr 1fr 1fr;width:100%;padding-bottom:4px}.viewer-main{grid-template-columns:1fr}.viewer-sidebar{position:absolute;left:0;top:0;bottom:0;width:min(340px,92vw);transform:translateX(-105%);transition:.22s;box-shadow:0 15px 35px #0002}.viewer-page.sidebar-open .viewer-sidebar{transform:none}.viewer-menu-btn{display:block;position:absolute;left:12px;top:12px;z-index:700;border:0;background:#fff;border-radius:9px;padding:8px 10px;box-shadow:var(--shadow);color:var(--green);font-weight:900}.map-wrap{min-height:0}.map-toolbar{top:12px;right:10px}.map-legend{right:10px;bottom:18px}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.login-card-new{padding:22px 18px}.login-brand-new strong{font-size:21px}.login-brand-new span{font-size:12px}.viewer-selectors{grid-template-columns:1fr}.viewer-user{font-size:9px}.grid4,.stat-grid{grid-template-columns:1fr}.page-heading h1{font-size:19px}}