*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f5f7fb}.app-shell{min-height:100vh}.side-nav{position:relative}.brand{align-items:center;gap:10px;height:72px;padding:0 24px;display:flex}.brand-mark{color:#fff;background:#1677ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.brand-label{color:#fff;font-size:17px}.side-nav .ant-menu{border-inline-end:0}.sider-footer{color:#ffffff73;font-size:12px;position:absolute;bottom:24px;left:24px}.topbar{background:#fff;border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.page-content{width:100%;max-width:1280px;margin:0 auto;padding:44px 32px 56px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-heading .ant-typography{margin:0}.page-heading h1.ant-typography{font-size:34px;line-height:1.25}.page-heading .ant-typography-secondary{max-width:580px;margin-top:8px}.filter-card{margin-bottom:34px;box-shadow:0 8px 24px #1f2d3d0d}.filter-bar{grid-template-columns:minmax(220px,1fr) 144px auto;gap:12px;margin-bottom:14px;display:grid}.component-section{min-height:420px}.section-heading{margin-bottom:18px}.section-heading .ant-typography{margin:0}.section-heading .ant-typography-secondary{margin-top:4px;display:inline-block}.component-card{overflow:hidden}.component-card .ant-card-head{min-height:58px}.component-card .ant-card-body{padding:18px}.card-title,.list-title{margin:0!important;font-size:18px!important;line-height:1.4!important}.component-preview,.modal-preview{background:#fafcff;border:1px solid #f0f0f0;border-radius:8px;min-height:150px;margin-bottom:18px;padding:16px}.component-preview .ant-empty{margin:6px 0}.component-preview .ant-form-item{margin-bottom:12px}.component-tag{margin-bottom:6px;font-size:13px;display:block}.component-card .ant-typography-secondary{margin-bottom:0}.component-card .ant-card-actions{background:#fff}.component-list{background:#fff;border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.component-list .ant-list-item{padding:20px 24px}.modal-preview{margin-bottom:0}@media (width<=720px){.topbar{padding:0 16px}.page-content{padding:28px 16px 40px}.page-heading{flex-direction:column}.filter-bar{grid-template-columns:1fr}.filter-bar .ant-segmented{width:fit-content}.component-list .ant-list-item{align-items:flex-start;padding:16px}}