*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{color:#1f2937;background:#f3f5f8;font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout{min-height:100vh}.app-sider{min-height:100vh;background:#172033}.sider-content{display:flex;min-height:100vh;flex-direction:column}.side-menu{flex:1}.sider-footer{padding:14px 12px 18px;border-top:1px solid rgb(255 255 255 / 8%)}.logout-button{width:100%;height:38px;justify-content:flex-start;overflow:hidden;color:#fff9}.logout-button:hover{color:#fff;background:#ffffff14}.logout-label{margin-left:5px;white-space:nowrap}.brand{display:flex;height:72px;align-items:center;gap:10px;padding:0 12px;overflow:hidden;color:#fff}.brand-logo{width:40px;height:40px;flex:0 0 40px;border:1px solid rgb(255 255 255 / 20%);border-radius:10px;object-fit:cover}.brand-copy{display:flex;flex-direction:column;white-space:nowrap}.brand-copy strong{font-size:16px}.brand-copy span{margin-top:2px;color:#ffffff7a;font-size:9px;letter-spacing:1.4px}.main-layout{min-width:0;background:#f3f5f8}.app-header{display:flex;height:72px;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:#fffffff5}.header-main{display:flex;min-width:0;align-items:center;gap:10px}.header-title{min-width:0}.menu-toggle{flex:0 0 auto;font-size:22px}.mobile-drawer .n-drawer-content,.mobile-sider-content{background:#172033}.system-title{color:#111827;font-size:17px;font-weight:700}.page-title{margin-top:3px;color:#9ca3af;font-size:12px}.app-content{min-height:calc(100vh - 72px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h2{margin:0;color:#111827;font-size:24px}.page-heading p{margin:6px 0 0;color:#6b7280}.page-stack{display:flex;flex-direction:column;gap:20px}.panel-card{overflow:hidden;box-shadow:0 5px 20px #0f172a0f}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.app-header{height:64px;padding-right:12px!important;padding-left:12px!important}.app-content>.n-layout-scroll-container{padding:16px!important}.app-content{min-width:0;min-height:calc(100vh - 64px);overflow-x:hidden}.system-title{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.page-heading,.pagination-bar{align-items:flex-start;flex-direction:column}.page-heading,.page-heading>*,.panel-card,.app-content .n-form,.app-content .n-form-item,.app-content .n-input,.app-content .n-input-number,.app-content .n-select{max-width:100%}.page-heading p{overflow-wrap:anywhere}.page-heading>.n-button{width:100%}.page-heading>.n-space{width:100%;flex-wrap:wrap}.pagination-bar .n-pagination{width:100%;max-width:100%;overflow-x:auto;padding-bottom:2px}}