body{margin:0;background:#f4f2ee}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-mark{width:40px;height:40px;flex:none;border-radius:10px;background:#6b3e1f;color:#fff;display:grid;place-items:center;font-weight:700}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login-card{width:100%;max-width:400px}.login-card .hint{margin:16px 0 0;text-align:center}.sider-brand{display:flex;align-items:center;gap:10px;padding:16px;font-weight:600}.sider-brand .brand-mark{width:32px;height:32px;border-radius:8px;font-size:13px}.app-header{display:flex;justify-content:flex-end;align-items:center;height:auto;min-height:64px;padding:8px 24px;line-height:normal;background:#fff;border-bottom:1px solid #ece7df}.app-content{padding:24px}@media (max-width: 480px){.app-header,.app-content{padding-left:16px;padding-right:16px}}.crud-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}