@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--bg:#071925;--panel:#0d2635;--panel-2:#102e3f;--border:rgba(148,211,232,.18);--text:#edf9fc;--muted:#86a8b7;--cyan:#57d3ef;--cyan-2:#2aa7c8;--green:#7fd69d;--amber:#f5c75c;--red:#ff7884}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -10%,#123b4f 0,#071925 42%)}.topbar{height:76px;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 28px;background:rgba(5,19,29,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.topbar{display:flex;align-items:center}.brand{gap:13px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2a8eae,#64d5ec);color:#06202c;font-weight:800;box-shadow:0 0 28px rgba(87,211,239,.22)}.brand h1{font-family:Space Grotesk;font-size:18px;margin:0;letter-spacing:.2px}.brand p{margin:3px 0 0;font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.role-pill{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:#c9edf5;background:#0c2534;font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#193f51;color:#9be8f6;font-weight:700}.layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--border);padding:24px 14px;background:rgba(7,25,37,.7)}.nav-label{color:#5d8291;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;padding:0 12px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;color:#88a9b6;border:0;background:transparent;padding:12px;border-radius:10px;margin-bottom:5px;text-align:left}.nav-item.active,.nav-item:hover{background:#103244;color:#eafaff}.nav-item.active{box-shadow:inset 3px 0 0 var(--cyan)}.main{padding:26px;max-width:1600px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.eyebrow{color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700}.page-title{font-family:Space Grotesk;font-size:30px;margin:6px 0 4px}.page-subtitle{color:var(--muted);font-size:13px;margin:0}.btn{border:1px solid var(--border);background:#0f3040;color:#eaffff;border-radius:9px;padding:10px 14px;display:inline-flex;gap:8px;align-items:center}.btn.primary{background:linear-gradient(135deg,#2e9fbe,#52cbe5);color:#04202b;border-color:transparent;font-weight:700}.grid{display:grid;grid-gap:14px;gap:14px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(16,46,63,.9),rgba(9,32,46,.94));border:1px solid var(--border);border-radius:15px;box-shadow:0 16px 50px rgba(0,0,0,.14)}.kpi{padding:18px;min-height:125px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-45px;background:rgba(87,211,239,.08)}.kpi-top{display:flex;justify-content:space-between;color:#7ea1af;font-size:12px}.kpi-value{font-family:Space Grotesk;font-size:28px;margin-top:12px}.kpi-foot{color:#77d99a;font-size:11px;margin-top:5px}.content-grid{grid-template-columns:1.4fr .9fr;margin-top:14px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title{font-family:Space Grotesk;font-size:15px;margin:0}.panel-meta{color:var(--muted);font-size:11px}.map{height:340px;border-radius:12px;border:1px solid var(--border);position:relative;overflow:hidden;background:#092431}.map-grid{inset:0;opacity:.3;background-image:linear-gradient(rgba(109,184,205,.13) 1px,transparent 0),linear-gradient(90deg,rgba(109,184,205,.13) 1px,transparent 0);background-size:38px 38px}.map-grid,.river{position:absolute}.river{width:120%;height:70px;left:-10%;top:145px;border:7px solid rgba(66,171,207,.22);border-left:0;border-right:0;transform:rotate(-9deg);border-radius:50%}.parcel{position:absolute;border:1px solid rgba(135,230,175,.75);background:rgba(94,196,132,.18);transform:rotate(-7deg)}.parcel.risk{border-color:rgba(255,120,132,.8);background:rgba(255,120,132,.14)}.pin{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(87,211,239,.12),0 0 18px rgba(87,211,239,.65)}.map-legend,.pin{position:absolute}.map-legend{left:12px;bottom:12px;background:rgba(4,20,30,.86);border:1px solid var(--border);padding:9px;border-radius:9px;display:flex;gap:12px;font-size:10px;color:#9ebbc5}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;background:var(--green)}.legend-dot.red{background:var(--red)}.bars{display:flex;align-items:flex-end;height:210px;gap:12px;padding:10px 4px 0}.bar-col{flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:100%;max-width:34px;border-radius:7px 7px 2px 2px;background:linear-gradient(#59cbe5,#1d718b);min-height:4px}.bar-label{font-size:9px;color:#779aa7}.bar-value{font-size:9px;color:#bfe8ef}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{color:#668c9a;text-align:left;font-weight:600;padding:11px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:13px 10px;border-bottom:1px solid rgba(148,211,232,.08);color:#c7dbe1}tr:hover td{background:rgba(87,211,239,.035)}.project-name{color:#ecfbff;font-weight:600}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;border:1px solid transparent}.badge.high{color:#ff9da6;background:rgba(255,120,132,.09);border-color:rgba(255,120,132,.2)}.badge.medium{color:#f6d47a;background:rgba(245,199,92,.08);border-color:rgba(245,199,92,.18)}.badge.low{color:#91e0ab;background:rgba(127,214,157,.08);border-color:rgba(127,214,157,.18)}.progress{height:6px;background:#153747;border-radius:999px;overflow:hidden;min-width:90px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#41aecb,#7bd89d);border-radius:inherit}.progress-row{display:flex;align-items:center;gap:8px}.progress-row small{font-size:10px;color:#7d9faa}.workflow{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:5px;gap:5px;margin-top:14px}.stage{min-width:0;position:relative}.stage:not(:last-child):after{content:"›";position:absolute;right:-7px;top:22px;color:#4d8291;z-index:2}.stage-icon{height:54px;border:1px solid var(--border);background:#0d2a39;border-radius:12px;display:grid;place-items:center;color:#70cfe4}.stage.done .stage-icon{background:#123b34;color:#8fe1a7;border-color:rgba(127,214,157,.25)}.stage.current .stage-icon{background:#164457;color:#91e9fa;border-color:rgba(87,211,239,.35);box-shadow:0 0 24px rgba(87,211,239,.08)}.stage-label{color:#83a6b1;margin-top:8px;line-height:1.25}.stage-label,.stage-num{text-align:center;font-size:9px}.stage-num{color:#4e7b89;margin-top:3px}.alert{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid rgba(255,120,132,.2);background:rgba(255,120,132,.06);border-radius:11px;margin-bottom:9px}.alert-icon{color:var(--red);margin-top:1px}.alert h4{margin:0 0 3px;font-size:12px}.alert p{margin:0;color:#8faeb8;font-size:10px;line-height:1.4}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#15465a 0,#071925 50%)}.login-card{width:min(430px,100%);padding:30px;border:1px solid var(--border);border-radius:20px;background:rgba(10,34,48,.94);box-shadow:0 30px 80px rgba(0,0,0,.4)}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.login-card h2{font-family:Space Grotesk;font-size:26px;margin:0}.login-card p{color:var(--muted);font-size:12px;line-height:1.5}.field{margin-top:17px}.field label{display:block;font-size:11px;color:#89aab5;margin-bottom:7px}.field input,.field select{width:100%;background:#071d29;border:1px solid var(--border);color:#eafaff;padding:12px;border-radius:9px;outline:none}.field input:focus,.field select:focus{border-color:#3eaecb}.login-card .btn{width:100%;justify-content:center;margin-top:22px}.token-note{margin-top:14px!important;padding:10px;border:1px dashed var(--border);border-radius:9px;font-family:monospace;font-size:10px!important;color:#7ca1af!important}.footer-note{color:#4d7583;font-size:10px;margin-top:20px;text-align:center}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:80px 1fr}.sidebar{padding:20px 10px}.nav-item span,.nav-label{display:none}.nav-item{justify-content:center}.workflow{grid-template-columns:repeat(6,1fr);row-gap:18px}.stage:nth-child(6):after{display:none}.content-grid{grid-template-columns:1fr}}@media (max-width:700px){.topbar{padding:0 14px}.sidebar{display:none}.layout{display:block}.main{padding:18px 14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.workflow{grid-template-columns:repeat(3,1fr)}.stage:after{display:none!important}.kpi-value{font-size:23px}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}