:root{--app-bg:#f8faff;--app-surface:#fff;--app-text:#111827;--app-muted:#64748b;--app-primary:#243bff;--app-border:#e0e7ff;--app-radius:12px;--app-card-radius:16px;--app-page-pad:24px;--app-card-pad:18px;--app-gap:16px;--app-font-body:14px;--app-font-small:12px;--app-font-label:11px;--app-font-h1:26px;--app-font-h2:18px;--app-font-h3:16px;--app-control-height:40px;--app-control-pad-y:9px;--app-control-pad-x:12px;color:var(--app-text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Arial,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%}html{overflow-x:hidden}body{background:var(--app-bg);min-width:320px;color:var(--app-text);font-size:var(--app-font-body);margin:0;line-height:1.45}body,input,select,textarea,button{font-family:inherit}button,input,select,textarea{max-width:100%}input,select,textarea{min-height:var(--app-control-height)!important;padding:var(--app-control-pad-y) var(--app-control-pad-x)!important;font-size:var(--app-font-body)!important;border-radius:8px!important;line-height:1.35!important}button{white-space:nowrap;border-radius:8px;min-height:36px;font-size:var(--app-font-body)!important;line-height:1.2!important}textarea{resize:vertical;min-height:88px!important}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1{font-size:var(--app-font-h1)!important;letter-spacing:0!important;line-height:1.2!important}h2{font-size:var(--app-font-h2)!important;letter-spacing:0!important;line-height:1.25!important}h3{font-size:var(--app-font-h3)!important;line-height:1.3!important}h4,p,span,label,td,th,li,.ant-typography,.ant-form-item-label>label,.ant-input,.ant-select,.ant-btn,.ant-table{letter-spacing:0!important}img,svg,video,canvas{max-width:100%}table{border-collapse:collapse}main{min-width:0}.page,.page-shell{width:100%;max-width:1200px;padding:var(--app-page-pad);margin:0 auto}.card,.page-card,.table-card,.payment-box,.profile-info-box,.ant-card,.ant-modal-content{border-radius:var(--app-card-radius)!important}.card,.page-card,.table-card,.payment-box,.profile-info-box,.ant-card-body{padding:var(--app-card-pad)!important}.grid,.form-grid{gap:var(--app-gap);display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ant-table-wrapper,.ant-table,.table-card,div[style*="overflow-x: auto"],div[style*=overflowX]{max-width:100%}.ant-table-wrapper,div[style*="overflow-x: auto"]{overflow-x:auto}.ant-table{font-size:var(--app-font-small)!important}.ant-table-cell{white-space:nowrap;padding:10px 12px!important}.ant-modal{max-width:calc(100vw - 24px)}.ant-modal-body{max-height:calc(100vh - 160px);overflow:auto}@media (width<=1024px){:root{--app-page-pad:18px;--app-card-pad:16px;--app-gap:14px;--app-font-body:13px;--app-font-small:11px;--app-font-label:10px;--app-font-h1:24px;--app-font-h2:17px;--app-font-h3:15px;--app-control-height:38px}}@media (width<=768px){:root{--app-page-pad:14px;--app-card-pad:14px;--app-gap:12px;--app-font-body:12px;--app-font-small:10px;--app-font-h1:21px;--app-font-h2:16px;--app-font-h3:14px;--app-control-height:36px;--app-control-pad-y:7px;--app-control-pad-x:10px}.page,.page-shell{padding:var(--app-page-pad)}.grid,.form-grid{grid-template-columns:1fr}button{min-height:34px}.ant-table-cell{padding:8px 10px!important}}@media (width<=480px){:root{--app-page-pad:10px;--app-card-pad:12px;--app-gap:10px;--app-font-body:12px;--app-font-small:10px;--app-font-label:10px;--app-font-h1:19px;--app-font-h2:15px;--app-font-h3:14px;--app-control-height:34px;--app-control-pad-y:6px;--app-control-pad-x:9px}body{overflow-x:hidden}button,input,select,textarea{width:auto}.ant-btn,button{white-space:normal}.ant-modal{max-width:calc(100vw - 16px);margin:8px auto}}@media (width<=360px){:root{--app-page-pad:8px;--app-card-pad:10px;--app-gap:8px;--app-font-body:11px;--app-font-small:9px;--app-font-label:9px;--app-font-h1:18px;--app-font-h2:14px;--app-font-h3:13px;--app-control-height:32px;--app-control-pad-y:5px;--app-control-pad-x:8px}input,select,textarea,button{font-size:var(--app-font-body)!important}}@media (width<=320px){:root{--app-page-pad:6px;--app-card-pad:8px;--app-gap:8px;--app-font-body:10px;--app-font-small:9px;--app-font-h1:17px;--app-font-h2:13px;--app-control-height:31px}}