html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app-shell{height:100vh}.app-main{flex-direction:column;height:100vh;display:flex;overflow:hidden}.brand{align-items:center;gap:12px;min-height:64px;padding:16px;display:flex}.brand-mark{color:#fff;background:#1677ff;border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.brand-title,.brand-subtitle{line-height:1.2;display:block}.brand-title{color:#fff;font-weight:700}.brand-subtitle{color:#ffffff94;font-size:12px}.app-header{z-index:10;border-bottom:1px solid #f0f0f0;height:auto;padding:14px 24px;position:sticky;top:0}.page-title{margin:0}.app-content{flex:1;padding:24px;overflow-y:auto}.route-content{min-height:100%}.page-card{min-height:360px}.app-footer{text-align:center}@media (width<=768px){.app-header{padding:12px 16px}.app-content{padding:16px}}