@media(max-width:768px){.app-shell{display:block}.sidebar{display:none}.shell-main{display:block}.topbar{padding:0 14px}.mobile-menu{display:grid}.select-compact.service-select{display:none}.profile-name{display:none}.page-wrap{padding:18px 14px}.mobile-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70}.mobile-sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(86vw,310px);background:var(--sidebar);z-index:80;flex-direction:column;border-right:1px solid var(--border)}.mobile-sidebar .sidebar-footer{margin-top:auto}}
@media(max-width:430px){.page-wrap{padding:14px 10px}.topbar{height:60px}.topbar-right{gap:6px}.site-select{max-width:130px}.page-title{font-size:21px}}
@media(max-width:768px){.drawer-panel{width:100%;border-left:0}.layer{padding:10px;align-items:flex-end}.modal-panel{max-height:94vh}.page-header{align-items:flex-start;flex-direction:column}.page-actions{width:100%}}
@media(max-width:430px){.data-table-wrap{display:none}.data-table-mobile{display:grid;gap:10px}.mobile-record{background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:14px}.toast-host{right:12px;bottom:12px}.btn{min-height:40px}}
@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.event-row{grid-template-columns:16px minmax(0,1fr)}.event-row time{grid-column:2}}
@media(max-width:1100px){.php-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.php-cards{grid-template-columns:1fr}.inline-setting{align-items:flex-start;flex-direction:column}.inline-setting .field{width:100%}.row-actions{flex-wrap:wrap}}
@media(max-width:768px){.log-filters{grid-template-columns:1fr}.topbar-pop{position:fixed;right:12px;left:12px;top:64px;width:auto}.log-row{grid-template-columns:62px 44px minmax(0,1fr)}.log-row>span:last-child{grid-column:3}}
@media(max-width:430px){.page-actions{display:grid;grid-template-columns:1fr 1fr}.page-actions .btn{width:100%}.quick-grid{grid-template-columns:1fr 1fr}.profile-btn{padding:0 8px}.select-compact.site-select{max-width:118px;padding:0 8px}.modal-panel{border-radius:12px 12px 0 0;width:100%}.layer{padding:0;align-items:flex-end}}
@media(max-width:390px){.topbar-left>strong{display:none}.topbar{padding:0 10px}.page-actions{grid-template-columns:1fr}.mobile-record{padding:12px}.metric-card{min-height:96px}.layer-body{padding:14px}}
@media(max-width:360px){.site-select{max-width:104px}.icon-btn{width:36px}.topbar-right{gap:4px}.page-wrap{padding-left:8px;padding-right:8px}.mobile-sidebar.open{width:92vw}}
@media(min-width:1440px){.page-wrap{padding-left:28px;padding-right:28px}}
@media(min-width:1920px){.page-wrap{padding-left:32px;padding-right:32px}}