*{box-sizing:border-box}body{margin:0;color:#1f2937;background:#f5f7fb}.app-layout{min-height:100vh}.app-sider{position:sticky!important;top:0;height:100vh;overflow:auto;background:#fff!important;border-right:1px solid #edf1f6}.brand{display:flex;height:72px;align-items:center;gap:12px;padding:0 18px}.ant-layout-sider-collapsed .brand{justify-content:center;padding:0}.ant-layout-sider-collapsed .brand-mark{width:32px;height:32px;border-radius:8px}.ant-layout-sider-collapsed .brand-copy{display:none}.brand-mark,.login-logo{display:block;width:38px;height:38px;object-fit:cover;background:#eef7ff;border-radius:10px}.brand-subtitle{display:block;margin-top:2px;font-size:12px}.app-header{display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #edf1f6}.header-main{display:flex;min-width:0;align-items:center;gap:8px}.sider-toggle{flex:0 0 auto;font-size:18px}.header-title{font-size:16px;font-weight:700}.header-actions{display:flex;align-items:center;gap:12px}.logout-short{display:none}.app-content{padding:24px;overflow-x:hidden}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h3{margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px}.toolbar>*{max-width:100%}.stat-card .ant-card-body{display:flex;align-items:center;gap:16px}.stat-icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;font-size:22px;border-radius:8px}.stat-number{margin-top:4px;color:#111827;font-size:28px;font-weight:800}.muted{margin-top:2px;color:#8a94a6;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.settings-card{max-width:760px}.danger-card{max-width:820px}.danger-code{margin-left:8px;margin-bottom:10px}.settings-actions{margin-bottom:20px}.settings-grid{margin-top:24px}.user-avatar-img{overflow:hidden;border-radius:50%;object-fit:cover;background:#edf3ff}.user-avatar-fallback{flex:0 0 auto;background:#1677ff}.user-detail-avatar,.user-detail-avatar-fallback{overflow:hidden;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#edf3ff}.qr-preview{display:flex;align-items:center;gap:16px;padding:16px;background:#f7f9fc;border-radius:8px}.qr-preview img{width:148px;height:148px;object-fit:contain;background:#fff;border-radius:6px}.qr-empty{padding:28px;color:#8c8c8c;text-align:center;background:#f7f9fc;border-radius:8px}.progress-item{padding:12px;background:#f7f9fc;border-radius:8px}.progress-item .ant-typography-secondary{float:right}.suggest-tag{cursor:pointer}.muted-inline{margin-left:8px;color:#8a94a6}.file-tile,.archive-tile{display:flex;width:132px;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#f7f9fc;border-radius:8px}.file-thumb{overflow:hidden;object-fit:cover;background:#fff;border-radius:6px}.file-name{width:100%;text-align:center}.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px;background:#f5f7fb}.login-card{width:400px}.login-head{margin-bottom:24px;text-align:center}.login-logo{width:58px;height:58px;margin:0 auto 12px}.login-head h3{margin-bottom:6px}@media (max-width: 720px){.app-sider{position:sticky;height:auto;min-height:100vh}.app-header{height:auto;align-items:center;gap:10px;flex-direction:row;padding:12px 16px}.header-main{flex:1;min-width:0}.header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex:0 0 auto;gap:0}.admin-name{display:none}.logout-btn{padding-inline:10px}.logout-text{display:none}.logout-short{display:inline}.app-content{padding:14px}.page-head{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:14px}.page-head .ant-space{width:100%;flex-wrap:wrap}.toolbar{align-items:stretch;flex-direction:column;padding:12px}.toolbar .ant-input-search,.toolbar .ant-select,.toolbar>.ant-btn{width:100%!important}.toolbar .ant-input-search .ant-btn{width:auto!important;min-width:40px;padding-inline:11px}.toolbar .ant-input-search .ant-input-group-addon{width:42px}.page-head h3.ant-typography{font-size:21px;line-height:1.3}.page-head .ant-typography-secondary{font-size:13px;line-height:1.55}.form-grid{grid-template-columns:1fr}.settings-card,.danger-card,.login-card{width:100%;max-width:none}.qr-preview{align-items:flex-start;flex-direction:column}.ant-table-wrapper{max-width:100%}.ant-card-body{padding:16px}.ant-descriptions-view{overflow-x:auto}.user-detail-summary{align-items:stretch!important;flex-direction:column}.user-detail-summary .ant-descriptions,.detail-action-bar{width:100%}.detail-action-bar .ant-btn{flex:1}.file-tile,.archive-tile{width:calc(50vw - 32px);min-width:126px}}@media (min-width: 721px) and (max-width: 1024px){.brand{padding:0 14px}.app-content{padding:18px}.page-head{align-items:flex-start}.toolbar .ant-input-search{width:240px!important}.form-grid{grid-template-columns:1fr}}
