@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column}}@media(max-width:800px){.sidebar{position:fixed;z-index:10;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto}.sidebar.open{transform:translateX(0)}.icon-button{display:block}.topbar{padding:17px 18px;min-height:80px}.content{padding:20px 16px}.footer{padding:16px}.demo-note{white-space:normal}}@media(max-width:520px){.metrics{gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:27px}.metric-head{font-size:11px}.metric-icon{width:29px;height:29px}.topbar h1{font-size:18px}.topbar .eyebrow{font-size:8px}.top-right{gap:8px}.avatar{display:none}.demo-badge{font-size:8px;padding:8px}.welcome h2{font-size:24px}.panel{padding:15px}.panel-head{align-items:flex-start;flex-wrap:wrap}.flow-steps{gap:7px}.flow-arrow{display:none}}

@media(max-width:700px){.filter-bar{align-items:stretch}.filter-bar label{width:100%}.filter-bar select{width:100%}.filter-reset{margin-left:0;width:100%}.demo-note{white-space:normal}.side-panels{grid-template-columns:1fr}}

@media(max-width:700px){.request-form{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-toolbar input{min-width:0;width:100%}.request-toolbar label{width:100%}.request-toolbar .subtle-btn{margin-left:0}.welcome{align-items:flex-start;flex-wrap:wrap}}