:root{--bg: #f4f7fb;--card: #ffffff;--text: #1e293b}body{margin:0;background:radial-gradient(circle at 10% 10%,#e2ecff,var(--bg));color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}.app-layout{min-height:100vh;background:transparent}.content-wrap{padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-menu{flex:1;min-width:0}.app-header-mobile{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;min-width:0}.app-header-mobile-title{color:#fff;font-weight:600;min-width:0}.page-card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 10px 30px #0f172a14}.login-wrap{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.login-card{width:420px;max-width:92vw}@media (max-width: 991px){.content-wrap{padding:12px}.app-header{gap:10px;padding-inline:12px;flex-wrap:nowrap}.page-card{padding:12px;border-radius:10px}}