*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f6f8;color:#1f2933}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f6}.login-panel{width:min(420px,100%);padding:28px;background:#fff;border:1px solid #d9e2ec;border-radius:8px;box-shadow:0 12px 34px #1f293314}.app-shell{min-height:100vh;background:#f4f6f8}.topbar{height:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#fff;border-bottom:1px solid #d9e2ec}.topbar h4{margin:0}.content{padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 160px auto;gap:12px;margin-bottom:16px}.extend-select{width:88px}.code-box{margin-top:16px;padding:16px;text-align:center;background:#f8fafc;border:1px solid #d9e2ec;border-radius:6px}.code-box .ant-typography{font-size:18px}.drawer-body{width:100%}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr}}@media(max-width:640px){.topbar{align-items:flex-start;flex-direction:column}.content{padding:16px}.stats-grid{grid-template-columns:1fr}}