:root{--header-height:76px;--sidebar-width:292px;--brand-light-green:#30e884;--brand-green:#026b51;--brand-light-blue:#6ff3f6;--brand-blue:#104684;--brand-yellow:#ffe24f;--brand-orange:#f57648;--ink:#0b2522;--muted:#526462;--line:#d9e4df;--surface:#ffffff;--surface-subtle:#f7faf8;--accent:var(--brand-green);--action:var(--brand-blue);--warning:#a83b2e}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{color:var(--ink);background:var(--surface-subtle);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{min-height:100dvh;display:grid;grid-template-rows:var(--header-height) minmax(0,1fr)}.app-header{z-index:2;justify-content:space-between;gap:20px;padding:0 18px;border-bottom:3px solid var(--brand-light-green);color:#fff;background:var(--brand-green)}.app-header,.header-identity{display:flex;align-items:center}.header-identity{min-width:0;gap:15px}.bambou-wordmark{width:146px;height:38px;object-fit:contain;flex:0 0 auto}.bambou-wordmark-mobile{display:none}.header-divider{width:1px;height:36px;flex:0 0 auto;background:rgb(255 255 255/34%)}.portal-title{min-width:0}.sponsor{display:flex;align-items:center;gap:9px;flex:0 0 auto}.sponsor>span:first-child{color:rgb(255 255 255/76%);font-size:10px;font-weight:700;text-transform:uppercase}.sponsor-logo-stage{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#fff}.sponsor-logo-stage img{width:47px;height:47px;object-fit:contain}.app-header h1{margin:0;font-size:19px;line-height:1.2;letter-spacing:0}.app-header p{margin:3px 0 0;color:var(--brand-light-blue);font-size:12px;font-weight:600}.workspace{min-height:0;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{z-index:1;min-height:0;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface)}.sidebar-section{padding:18px;border-bottom:1px solid var(--line)}.sidebar-section h2{margin:0 0 13px;font-size:13px;line-height:1.3;text-transform:uppercase;letter-spacing:0}.layer-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#f1f7f4}.layer-row input{margin-top:2px;accent-color:var(--accent)}.layer-row span{min-width:0;display:grid;grid-gap:3px;gap:3px}.layer-row strong{font-size:13px;line-height:1.3}.layer-row small{color:var(--muted);font-size:11px}.legend-row{display:flex;align-items:center;gap:9px;font-size:13px}.legend-swatch{width:26px;height:14px;border:2px solid var(--brand-green);background:rgb(48 232 132/20%)}.layer-information p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.map-area,.map-canvas,.map-frame{min-width:0;min-height:0;width:100%;height:100%}.map-frame{position:relative;overflow:hidden;background:#eef2ef}.map-state{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:rgb(255 255 255/96%);box-shadow:0 4px 16px rgb(23 33 31/14%);font-size:13px}.map-loading{inset:50% auto auto 50%;padding:12px 15px;transform:translate(-50%,-50%)}.loading-indicator{width:17px;height:17px;border:2px solid #c7d1ce;border-top:2px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}.map-error-overlay{inset:50% auto auto 50%;max-width:360px;padding:16px;transform:translate(-50%,-50%);flex-direction:column;align-items:flex-start}.map-error-notice{left:14px;bottom:28px;max-width:min(430px,calc(100% - 28px));padding:10px 12px;border-color:#e5b9b2}.map-error strong{color:var(--warning)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){:root{--header-height:68px}.app-header{gap:10px;padding:0 10px}.bambou-wordmark-desktop{display:none}.bambou-wordmark-mobile{width:38px;height:38px;display:block}.header-divider{display:none}.app-header h1{font-size:15px}.app-header p{font-size:10px}.sponsor>span:first-child{display:none}.sponsor-logo-stage{width:43px;height:43px}.sponsor-logo-stage img{width:39px;height:39px}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr)}.sidebar{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-section{padding:12px;border-right:1px solid var(--line);border-bottom:0}}