*{box-sizing:border-box}body{color:#1a1a2e;background:#f5f7fa;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-header{color:#1a1a2e;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.app-logo{align-items:center;display:inline-flex}.app-logo img{width:auto;height:48px;display:block}.app-nav{gap:12px;display:flex}.app-nav a{color:#1a1a2e;border-radius:8px;padding:6px 10px}.app-nav a.active{color:#fff;background:#1e3a5f}.app-main{padding:20px 24px}.page-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}