html,body{width:100%;height:100%;margin:0;overflow:hidden}body{width:100vw;height:100dvh;font-family:var(--ui-font-sans)}.app-shell{width:100vw;height:100dvh;min-height:0;display:grid;grid-template-columns:var(--ui-rail-width) minmax(0,1fr);overflow:hidden}.app-shell>.sidebar{min-width:0;min-height:0;padding:var(--ui-space-2);gap:var(--ui-space-2);border-right:var(--ui-border-width) solid var(--ui-border);overflow:auto}.brand{padding:var(--ui-space-1) var(--ui-space-1) var(--ui-space-2);gap:var(--ui-space-2)}.brand img{width:34px;height:34px}.brand strong{font-size:14px}.brand span{font-size:11px}.sidebar nav{gap:2px}.sidebar nav button{padding:var(--ui-space-1) var(--ui-space-2);border-radius:var(--ui-radius-control);font-size:12px;min-height:34px}.sidebar-footer{gap:var(--ui-space-1)}.env-pill{padding:4px var(--ui-space-1);border-radius:var(--ui-radius-control)}.app-shell>main{min-width:0;min-height:0;display:grid;grid-template-rows:54px minmax(0,1fr);overflow:hidden}.topbar{position:relative;top:auto;z-index:5;min-height:54px;height:54px;padding:var(--ui-space-1) var(--ui-space-3);border-bottom:var(--ui-border-width) solid #dfe5e9;overflow:hidden}.topbar h1{font-size:17px;margin:1px 0 0}.eyebrow{font-size:9px}.user{gap:var(--ui-space-2)}.user strong{font-size:12px}.user span{font-size:10px}.context-control{margin-top:2px}.context-control select{padding:3px 5px;font-size:10px}.content{min-width:0;min-height:0;max-width:none;width:100%;height:100%;margin:0;padding:var(--ui-space-3);overflow:auto}.content:has([data-projects-center]){padding:0;overflow:hidden}.pc-holder{height:100%;min-height:0}.panel,.metric{border-radius:var(--ui-radius-control);box-shadow:none}.panel{padding:var(--ui-space-3)}.hero-card{padding:var(--ui-space-3)}.hero-card h2{font-size:20px;margin:3px 0 var(--ui-space-1)}.hero,.grid{gap:var(--ui-space-2);margin-top:var(--ui-space-2);margin-bottom:var(--ui-space-2)}.metric-grid{gap:var(--ui-space-1);margin:var(--ui-space-2) 0}.metric{padding:var(--ui-space-2)}.metric strong{font-size:20px}.panel-header{margin-bottom:var(--ui-space-2)}.panel h3{font-size:15px}.list{gap:0}.row{padding:var(--ui-space-1) 0;gap:var(--ui-space-2)}.row p{font-size:11px}.badge,.chip{border-radius:var(--ui-radius-control)}.form-grid{gap:var(--ui-space-2)}.form-grid input,.form-grid select,.form-grid textarea{padding:var(--ui-space-1);border-radius:var(--ui-radius-control)}.form-grid textarea{min-height:88px}.notice{padding:var(--ui-space-2);border-radius:var(--ui-radius-control)}.table{font-size:11px}.table th,.table td{padding:var(--ui-space-1)}.map-shell{border-radius:var(--ui-radius-control);height:min(64vh,680px)}.gis-shell{min-height:0}.gis-layout{height:100%;min-height:0}.gis-map-frame{min-height:340px}.gis-panel{padding:var(--ui-space-2);gap:var(--ui-space-2)}.login-card{max-height:calc(100dvh - 24px);overflow:auto;margin:12px auto;border-radius:var(--ui-radius-control)}@media(max-width:1000px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell>.sidebar{display:none}.app-shell>main{grid-template-rows:54px minmax(0,1fr)}.content{padding:var(--ui-space-2)}.topbar{padding-left:64px}.hero,.grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gis-layout{grid-template-columns:1fr;overflow:auto}.gis-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.topbar{height:54px;min-height:54px;align-items:center}.topbar>div:first-child{min-width:0}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user>div{display:none}.content{padding:var(--ui-space-1)}.metric-grid{grid-template-columns:1fr}.gis-panel{grid-template-columns:1fr}.gis-map-frame{min-height:320px}}@media(max-width:480px){.topbar{padding-left:58px;padding-right:var(--ui-space-1)}.topbar .ghost{display:none}.hero-card h2{font-size:18px}.panel{padding:var(--ui-space-2)}}@media print{html,body{width:auto;height:auto;overflow:visible}.app-shell{width:auto;height:auto;display:block;overflow:visible}.app-shell>main{display:block;overflow:visible}.content{height:auto;overflow:visible}}